Oh Baby Kart Wiki ohbabykart_en https://ohbabykart.wiki.gg/wiki/Oh_Baby_Kart_Wiki MediaWiki 1.39.4 first-letter Media Special Talk User User talk Oh Baby Kart Wiki Oh Baby Kart Wiki talk File File talk MediaWiki MediaWiki talk Template Template talk Help Help talk Category Category talk Module Module talk Gadget Gadget talk Gadget definition Gadget definition talk 0 1 1 2021-11-29T15:17:56Z MediaWiki default 0 wikitext text/x-wiki <strong>MediaWiki has been installed.</strong> Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software. == Getting started == * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ] * [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWiki release mailing list] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki] 5702e4d5fd9173246331a889294caf01a3ad3706 10 2 2 2022-12-18T00:55:51Z DynamicPageList3 extension 44285 Autogenerated DPL's necessary template for content inclusion wikitext text/x-wiki <noinclude>This page was automatically created. It serves as an anchor page for all '''[[Special:WhatLinksHere/Template:Extension_DPL|invocations]]''' of [https://www.mediawiki.org/wiki/Special:MyLanguage/Extension:DynamicPageList3 Extension:DynamicPageList3].</noinclude> 087ffd4625ae7b1fea3436ec3f929e82ee739d29 8 3 3 2024-05-09T21:07:16Z Maintenance script 16930 Update notif template wikitext text/x-wiki Dear $WATCHINGUSERNAME, You are receiving this email because you are watching the page below. To change your email notification settings, please visit {{canonicalurl:{{#special:Preferences}}}} $PAGEINTRO $NEWPAGE Editor's summary: $PAGESUMMARY $PAGEMINOREDIT Contact the editor: mail: $PAGEEDITOR_EMAIL wiki: $PAGEEDITOR_WIKI There will be no other notifications in case of further activity unless you visit this page while logged in. You could also reset the notification flags for all your watched pages on your watchlist. Your friendly {{SITENAME}} notification system -- To change your email notification settings, visit {{canonicalurl:{{#special:Preferences}}}} To change your watchlist settings, visit {{canonicalurl:{{#special:EditWatchlist}}}} To delete the page from your watchlist, visit $UNWATCHURL Feedback and further assistance: $HELPPAGE d927b29d7b5f4eaf9de680e36f02fd07a9842b3b 19 3 2024-05-10T02:19:14Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki Dear $WATCHINGUSERNAME, You are receiving this email because you are watching the page below. To change your email notification settings, please visit {{canonicalurl:{{#special:Preferences}}}} $PAGEINTRO $NEWPAGE Editor's summary: $PAGESUMMARY $PAGEMINOREDIT Contact the editor: mail: $PAGEEDITOR_EMAIL wiki: $PAGEEDITOR_WIKI There will be no other notifications in case of further activity unless you visit this page while logged in. You could also reset the notification flags for all your watched pages on your watchlist. Your friendly {{SITENAME}} notification system -- To change your email notification settings, visit {{canonicalurl:{{#special:Preferences}}}} To change your watchlist settings, visit {{canonicalurl:{{#special:EditWatchlist}}}} To delete the page from your watchlist, visit $UNWATCHURL Feedback and further assistance: $HELPPAGE 605c4a28201db8ec94020c173dea8c0c9bd89912 8 4 4 2024-05-09T21:07:33Z Pcj 1919 Created page with "-" wikitext text/x-wiki - 3bc15c8aae3e4124dd409035f32ea2fd6835efc9 8 5 5 2024-05-09T21:07:38Z Pcj 1919 Created page with "-" wikitext text/x-wiki - 3bc15c8aae3e4124dd409035f32ea2fd6835efc9 8 6 6 2024-05-09T21:07:51Z Pcj 1919 Created page with "<div><img src=https://commons.wiki.gg/images/f/ff/CC-BY-SA.svg /> Page content is under the <a href=https://creativecommons.org/licenses/by-sa/4.0>Creative Commons Attribution-ShareAlike 4.0 License</a> unless otherwise noted.</div>" wikitext text/x-wiki <div><img src=https://commons.wiki.gg/images/f/ff/CC-BY-SA.svg /> Page content is under the <a href=https://creativecommons.org/licenses/by-sa/4.0>Creative Commons Attribution-ShareAlike 4.0 License</a> unless otherwise noted.</div> 7290744eba73e7f9987d32ef26b3490f5bea3537 2 7 7 2024-05-10T02:18:56Z RheingoldRiver 2743 Adding default set of pages css text/css @font-face { font-family: "FontAwesome"; font-weight: normal; font-style: normal; src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); } #title-copy-outer { display:inline-block; display:inline-flex; flex-direction:column; justify-content:space-between; height:1em; margin-left:0.25em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #title-copy-content, #title-copy-all { width:0.6em; flex-basis:50%; cursor:pointer; } #title-copy-content::after, #title-copy-all::after { content:'\f0c5'; font-family: fontAwesome; font-size:50%; position:relative; top:0; display:block; line-height:1; /* to override cases where it's changed in the local wiki css */ } #firstHeading { display:flex; align-items:self-start; } #firstHeading .editlink { align-self:center; } #title-copy-outer + .editlink { margin-left:0.25em; } /* edit button */ .editlink::before { content: "["; display:inline-block; margin-right:0.5em; color:var(--body-text-color); } .editlink::after { content: "]"; display:inline-block; margin-left:0.5em; color:var(--body-text-color); } .editlink { font-size:small; margin-left:1em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 8b67e8b24e5a64120c1abd173c0a4a8419b54136 2 8 8 2024-05-10T02:18:58Z RheingoldRiver 2743 Adding default set of pages javascript text/javascript // <nowiki> // Disable triggering of new browser tab when clicking URL links that point to internal wiki addresses (purge, edit, etc) $('a[href*="fandom.com"]').removeAttr('target').removeClass('external text'); /* add edit buttons for recent changes, categories, contributions, and search */ $(function() { function addTagMarker(obj) { var classes = $(obj).attr('class'); var re = /.*mw-tag-marker-([^\s]*)/g; var thisClass = re.exec(classes)[1]; if (thisClass) { var sep = (window.location.href.indexOf("?") === -1) ? "?" : "&"; $('<a>') .addClass('tag-filter-link') .attr({ href: window.location.href + sep + 'tagfilter=' + thisClass, title: 'Filter to this tag' }) .css({'margin-left':'.5em','background-color':'#0FE40F'}) .text('...') .insertAfter(obj); } } $('.mw-tag-marker').each(function(){ addTagMarker(this); }); function addEditlink(elem, target) { addEditlinkFromUrl(elem, mw.util.getUrl(target, { action : 'edit' })); } function addEditlinkFromUrl(elem, url) { $('<a>').addClass('custom-editlink').attr({ href : url, title : 'Edit this page' }).text('✎').insertAfter(elem); } function addDeletelink(elem, target) { addDeletelinkFromUrl(elem, mw.util.getUrl(target, { action : 'delete' })); } function addDeletelinkFromUrl(elem, url) { $('<a>').addClass('custom-deletelink').attr({ href : url, title : 'Delete this page' }).text('X').insertAfter(elem); } function fixProfileLink(elem, title) { if (! title.match(/^User:/)) return; var oldlink = $(elem).attr('href'); var newlink = oldlink + '?profile=no'; $(elem).attr('href', newlink); } mw.loader.using('mediawiki.util').then(function() { $('.mw-changeslist').find('.mw-title').each(function() { var title_obj = $(this).find('.mw-changeslist-title'); if (title_obj) { var title = title_obj.attr('title'); addEditlink(this, title); fixProfileLink(title_obj, title); } }); $('.mw-category-generated').find('.mw-content-ltr ul li a').each(function() { var title = $(this).text(); if (title) { title = $(this).parent().hasClass("CategoryTreeItem") ? "Category:" + title : title; addDeletelink(this, title); addEditlink(this, title); } }); $('ul.mw-contributions-list').find('a.mw-contributions-title').each(function() { var title = $(this).attr('title'); fixProfileLink(this, title); addEditlink(this, title); }); $('.searchresults').find('.mw-search-result-heading').each(function() { var title_obj = $(this).find('a'); if (title_obj) { var title = title_obj.attr('title'); addEditlink(title_obj, title); fixProfileLink(title_obj, title); } }); $('#pagehistory').find('.mw-changeslist-date').each(function() { addEditlinkFromUrl(this, $(this).attr('href') + '&action=edit'); }); }); }); /* silly workaround to add a page values hotkey, alt shift 1 */ $(function () { mw.util.addPortletLink('p-cactions', mw.config.get('wgServer') + mw.config.get('wgArticlePath').replace("$1", encodeURI(mw.config.get('wgPageName')) + '?action=pagevalues'), 'Page Values 2', 'pv2','page values','1','#t-cargopagevalueslink'); }); /* copy category members */ $(function() { wgNamespace = mw.config.get('wgCanonicalNamespace'); if (wgNamespace != 'Category') return; $(mw.util.addPortletLink('p-cactions', 'javascript:;', '!Copy Members', 'ca-copy-cat-members', 'Copy Category Members', null, '#ca-move-to-user')).click(function() { a = new mw.Api(); a.get({ action : 'query', list : 'categorymembers', cmtitle : mw.config.get('wgPageName'), cmlimit : 'max' }).then(function(data) { tbl = []; for (page in data.query.categorymembers) { tbl.push(data.query.categorymembers[page].title); } var str = tbl.join('\n'); var el = document.createElement('textarea'); el.value = str; el.setAttribute('readonly', ''); $(el).insertAfter('#contentSub'); el.select(); }); }); }); /* copy titles from search, recentchanges, contribs */ $(function() { var selectors = [ { pattern: 'Special:Search', selector: '.unified-search__result__title', attr: 'data-title' }, { pattern: 'Special:Contributions/', selector: '.mw-contributions-title', attr: 'title' }, { pattern: 'Special:RecentChanges', selector: '.mw-changeslist-line-inner .mw-title a', attr: 'title' }, ] var pageName = mw.config.get('wgPageName'); for (i in selectors) { if (!pageName.includes(selectors[i].pattern)) continue; $(mw.util.addPortletLink('p-cactions', 'javascript:;', '!Copy Titles', 'ca-copy-search-results', 'Copy Titles', null, '#ca-move-to-user')).click(function() { var pageList = []; $(selectors[i].selector).each(function() { pageList.push($(this).attr(selectors[i].attr)); }); var str = pageList.join('\n'); displayOutputText(str, true); }); // don't let i keep incrementing return; } }); /* press alt shift E to start creating a page that doesn't exist yet from search */ $(function() { if (mw.config.get('wgPageName') !== 'Special:Search') return; $(mw.util.addPortletLink('p-cactions', 'javascript:;', '!Create Page', 'ca-create-page', 'Create Page', 'e')).click(function() { $('.new').each(function() {this.click();}); }); }); /* See totals at the top of WLH pages */ $(function() { if (mw.config.get('wgCanonicalSpecialPageName') !== 'Whatlinkshere') return; var title = $('#mw-whatlinkshere-target').val(); var ns = $('#namespace').val(); title = title ? title : mw.config.get('wgTitle').replace('WhatLinksHere/', ''); var el = document.createElement('div'); var display = [ 'Total links: ', 'Total transclusions: ', 'Redirects and links to redirects are NOT included!' ]; $(el).html(display.join('<br>')).insertAfter($('#firstHeading')); return new mw.Api().get({ action : 'query', prop : 'linkshere|transcludedin', titles : title, lhlimit : 'max', tilimit : 'max', lhnamespace : ns == '' ? '*' : ns, tinamespace : ns == '' ? '*' : ns, }).then(function(data) { console.log(data); var lh, ti; for (p in data.query.pages) { var page = data.query.pages[p]; lh = page.linkshere ? page.linkshere.length : 0; ti = page.transcludedin ? page.transcludedin.length : 0; } display = [ 'Total links: ' + lh, 'Total transclusions: ' + ti, 'Redirects and links to redirects are NOT included!' ]; $(el).html(display.join('<br>')) }); }); $(function() { $('.cargoReplacementTableInfo').each(function() { var parent = $(this).closest('li').detach(); $('#mw-content-text > ul:first-of-type').prepend(parent); }); }); // show table name by each cargo table value set $(function() { var currTable = ''; $('.action-pagevalues h2 span, .action-pagevalues #mw-content-text > .wikitable').each(function() { if ($(this).hasClass('wikitable')) { $(this).attr('style', '--table-name:"' + currTable + '"'); $(this).addClass('cargo-values'); return } currTable = $(this).text().match(/^"(.+?)".*/)[1]; }); }); $(function() { if (mw.config.get('wgPageName') != 'MediaWiki:Gadgets-definition') return; if (window.location.href.indexOf("history") > 0) return; var urlPrefix = mw.config.get('wgServer') + '/MediaWiki:Gadget-'; function replaceWithLink(str) { var link = document.createElement('a'); $(link).attr('href', urlPrefix + str); $(link).html(str); return link.outerHTML; } $('#mw-content-text li').each(function() { var html = $(this).html(); var htmlParts = html.split('|'); for (i in htmlParts) { if (htmlParts[i].endsWith('css') || htmlParts[i].endsWith('js')) { htmlParts[i] = replaceWithLink(htmlParts[i]); } } var text = htmlParts.join('|'); var firstPart = text.match(/^([^\|\[]*)/)[0]; if (firstPart) text = text.replace(firstPart, replaceWithLink(firstPart)); $(this).html(text); }); $('#mw-content-text h2 .mw-headline').each(function() { $(this).html(replaceWithLink('section-' + $(this).html())); }); }); /* copy title */ $(function() { var el = document.createElement('div') $(el).attr('id', 'title-copy-outer').html('<div id="title-copy-content" title="Copy Only Title (No Namespace)"></div><div id="title-copy-all" title="Copy Full Title (Incl Namespace)"></div>'); $('#firstHeading').wrapInner('<div id="first-heading-text"></div>'); $(el).insertAfter(document.getElementById('first-heading-text')); function doCopy(e, text) { navigator.clipboard.writeText(text); $(e).css('color','green'); setTimeout(function() { $(e).css('color',''); }, 2000); } $('#title-copy-content').click(function() { doCopy('#title-copy-content', mw.config.get('wgTitle') .replace(/(WhatLinksHere|MovePage)\/(.+?:)?/,'') ); }); $('#title-copy-all').click(function() { doCopy('#title-copy-all', mw.config.get('wgPageName') .replace(/Special:(?:WhatLinksHere|MovePage)\//,'') .replace(/_/g, " ") ); }); }); $(function() { if (mw.config.get('wgCanonicalNamespace') != 'Module') return; $('.s1, .s2').each(function() { var html = $(this).html(); var quote = html[0]; var quoteRE = new RegExp('^' + quote + '|' + quote + '$', 'g'); var name = html.replace(quoteRE,""); if (name.startsWith("Module:")) { var target = name.replace(/ /g,'%20'); var url = mw.config.get('wgServer') + '/' + target; var str = quote + mw.html.element('a', {href: url}, name) + quote; $(this).html(str); } }); }); // </nowiki> 2bfb02dc424829a4a0b9402165ae2494c062a7f2 4 9 9 2024-05-10T02:18:59Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <!--''[[GAME]]'' content and materials are the intellectual property of their respective owners. -->Content that you make available on {{SITENAME}} is licensed by you to us under our [https://wiki.gg/termsofservice Terms of Service]. Do not make content available on {{SITENAME}} where you do not have the necessary rights to grant this license. All textual and graphical content on {{SITENAME}} that we may lawfully license is licensed to you under the [https://creativecommons.org/licenses/by-sa/4.0 Creative Commons Attribution-ShareAlike 4.0] license. [[Category:Legal notices]] 2d85ebced55fca66c356a7395506ad1b5caeeb6d 6 10 10 2024-05-10T02:19:01Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Wiki skin images]] f0235f85e2414431e046ae251792bf050daef5f7 8 11 11 2024-05-10T02:19:03Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki - 3bc15c8aae3e4124dd409035f32ea2fd6835efc9 8 12 12 2024-05-10T02:19:04Z RheingoldRiver 2743 Adding default set of pages css text/css /* All CSS here is applied on api.php pages */ @media (prefers-color-scheme: dark) { body { background-color:#20211f; border-color: #7b7261; color: #f6ecdb; } h1, h2, h3, h4, h5, h6 { color: rgb(234, 224, 207); border-color: rgb(83, 84, 81); } .mw-highlight .s2 { color: rgb(206, 99, 91); } a { color: rgb(133, 180, 221); } a:visited { color: rgb(141, 127, 218); } pre, code, .mw-code { background-color: rgb(34, 35, 33); color: rgb(234, 224, 207); border-color: rgb(63, 64, 62); } } c95cf2c22c12d821f22b745f2aa78d4f6f711500 8 13 13 2024-05-10T02:19:05Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #<!-- leave this line exactly as it is --> <pre> # Syntax is as follows: # * Everything from a "#" character to the end of the line is a comment # * Every non-blank line is a regex fragment which will only match hosts inside URLs \bwiki\.gg # All wiki.gg wikis and the landing page \bfreedomgamesgg\.atlassian\.net # JIRA \bmediawiki\.org # MediaWiki.org \bwikipedia\.org # All Wikipedias \bwikimedia\.org # All Wikimedia wikis \bcreativecommons\.org # Creative Commons (license templates) # Stores \bstore\.steampowered\.com \bxbox\.com \bstore\.playstation\.com \bnintendo\.com \bstore\.epicgames\.com # Not whitelisting mobile stores: potential spam risk #</pre> <!-- leave this line exactly as it is --> 9c967f449ed559db795e3d4c1eb9d8d9243e8897 8 14 14 2024-05-10T02:19:07Z RheingoldRiver 2743 Adding default set of pages css text/css /* CSS placed here will be applied to all skins */ :root, .theme-light { --wiki-body-background-image: none; --wiki-body-background-color: #f6f6f6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-color--secondary: #ffffff; --wiki-body-background-color--secondary--rgb: 255,255,255; --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 211, 194, 176; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: 0.0; --wiki-sidebar-border-color: var(--wiki-body-background-color); --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: #e8f2f8; --wiki-navigation-background-color--secondary--rgb: 232, 242, 248; --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); } .theme-dark { --wiki-body-background-image: none; --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 1.0; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); } /***************************** * Dark mode Syntax highlight * ******************************/ .view-dark .mw-highlight .hll { background-color: #49483e } .view-dark .mw-highlight { background: #272822; color: #f8f8f2 } .view-dark .mw-highlight .c { color: #75715e } /* Comment */ .view-dark .mw-highlight .err { color: #960050; background-color: #1e0010 } /* Error */ .view-dark .mw-highlight .k { color: #66d9ef } /* Keyword */ .view-dark .mw-highlight .l { color: #ae81ff } /* Literal */ .view-dark .mw-highlight .n { color: #f8f8f2 } /* Name */ .view-dark .mw-highlight .o { color: #f92672 } /* Operator */ .view-dark .mw-highlight .p { color: #f8f8f2 } /* Punctuation */ .view-dark .mw-highlight .ch { color: #75715e } /* Comment.Hashbang */ .view-dark .mw-highlight .cm { color: #75715e } /* Comment.Multiline */ .view-dark .mw-highlight .cp { color: #75715e } /* Comment.Preproc */ .view-dark .mw-highlight .cpf { color: #75715e } /* Comment.PreprocFile */ .view-dark .mw-highlight .c1 { color: #75715e } /* Comment.Single */ .view-dark .mw-highlight .cs { color: #75715e } /* Comment.Special */ .view-dark .mw-highlight .gd { color: #f92672 } /* Generic.Deleted */ .view-dark .mw-highlight .ge { font-style: italic } /* Generic.Emph */ .view-dark .mw-highlight .gi { color: #a6e22e } /* Generic.Inserted */ .view-dark .mw-highlight .gs { font-weight: bold } /* Generic.Strong */ .view-dark .mw-highlight .gu { color: #75715e } /* Generic.Subheading */ .view-dark .mw-highlight .kc { color: #66d9ef } /* Keyword.Constant */ .view-dark .mw-highlight .kd { color: #66d9ef } /* Keyword.Declaration */ .view-dark .mw-highlight .kn { color: #f92672 } /* Keyword.Namespace */ .view-dark .mw-highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ .view-dark .mw-highlight .kr { color: #66d9ef } /* Keyword.Reserved */ .view-dark .mw-highlight .kt { color: #66d9ef } /* Keyword.Type */ .view-dark .mw-highlight .ld { color: #e6db74 } /* Literal.Date */ .view-dark .mw-highlight .m { color: #ae81ff } /* Literal.Number */ .view-dark .mw-highlight .s { color: #e6db74 } /* Literal.String */ .view-dark .mw-highlight .na { color: #a6e22e } /* Name.Attribute */ .view-dark .mw-highlight .nb { color: #f8f8f2 } /* Name.Builtin */ .view-dark .mw-highlight .nc { color: #a6e22e } /* Name.Class */ .view-dark .mw-highlight .no { color: #66d9ef } /* Name.Constant */ .view-dark .mw-highlight .nd { color: #a6e22e } /* Name.Decorator */ .view-dark .mw-highlight .ni { color: #f8f8f2 } /* Name.Entity */ .view-dark .mw-highlight .ne { color: #a6e22e } /* Name.Exception */ .view-dark .mw-highlight .nf { color: #a6e22e } /* Name.Function */ .view-dark .mw-highlight .nl { color: #f8f8f2 } /* Name.Label */ .view-dark .mw-highlight .nn { color: #f8f8f2 } /* Name.Namespace */ .view-dark .mw-highlight .nx { color: #a6e22e } /* Name.Other */ .view-dark .mw-highlight .py { color: #f8f8f2 } /* Name.Property */ .view-dark .mw-highlight .nt { color: #f92672 } /* Name.Tag */ .view-dark .mw-highlight .nv { color: #f8f8f2 } /* Name.Variable */ .view-dark .mw-highlight .ow { color: #f92672 } /* Operator.Word */ .view-dark .mw-highlight .w { color: #f8f8f2 } /* Text.Whitespace */ .view-dark .mw-highlight .mb { color: #ae81ff } /* Literal.Number.Bin */ .view-dark .mw-highlight .mf { color: #ae81ff } /* Literal.Number.Float */ .view-dark .mw-highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ .view-dark .mw-highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ .view-dark .mw-highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ .view-dark .mw-highlight .sa { color: #e6db74 } /* Literal.String.Affix */ .view-dark .mw-highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ .view-dark .mw-highlight .sc { color: #e6db74 } /* Literal.String.Char */ .view-dark .mw-highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */ .view-dark .mw-highlight .sd { color: #e6db74 } /* Literal.String.Doc */ .view-dark .mw-highlight .s2 { color: #e6db74 } /* Literal.String.Double */ .view-dark .mw-highlight .se { color: #ae81ff } /* Literal.String.Escape */ .view-dark .mw-highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ .view-dark .mw-highlight .si { color: #e6db74 } /* Literal.String.Interpol */ .view-dark .mw-highlight .sx { color: #e6db74 } /* Literal.String.Other */ .view-dark .mw-highlight .sr { color: #e6db74 } /* Literal.String.Regex */ .view-dark .mw-highlight .s1 { color: #e6db74 } /* Literal.String.Single */ .view-dark .mw-highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ .view-dark .mw-highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ .view-dark .mw-highlight .fm { color: #a6e22e } /* Name.Function.Magic */ .view-dark .mw-highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ .view-dark .mw-highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ .view-dark .mw-highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ .view-dark .mw-highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */ .view-dark .mw-highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ /***************************** * End syntax highlight * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " · "; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-box-welcome {grid-area: welcome;} #mp-box-about {grid-area: about;} #mp-box-links {grid-area: links;} #mp-box-contribute {grid-area: contribute;} #mp-box-featured {grid-area: featured;} #mp-box-basics {grid-area: basics;} #mp-box-gallery {grid-area: gallery;} #mp-box-iconlists {grid-area: iconlists;} /* Example Main Page 1 Grid Layout */ #mp-layout1-container { display:grid; grid-template-areas: "welcome" "about" "featured" "basics" "gallery" "links" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout1-container { grid-template-areas: "welcome welcome" "about about" "featured basics" "gallery links" "contribute contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout1-container { grid-template-areas: "welcome welcome welcome" "about about basics" "featured featured basics" "gallery links links" "contribute contribute contribute"; grid-template-columns: 2fr 1fr 2fr; } } /* Example Main Page 2 Grid Layout */ #mp-layout2-container { display:grid; grid-template-areas: "welcome" "links" "about" "gallery" "iconlists" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout2-container { grid-template-areas: "welcome links" "gallery about" "iconlists about" "iconlists contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout2-container { grid-template-areas: "welcome welcome links" "welcome welcome about" "gallery gallery about" "iconlists iconlists contribute"; grid-template-columns: 3fr 2fr 2fr; } } /* Example Main Page 3 Grid Layout */ #mp-layout3-container { display:grid; grid-template-areas: "welcome" "about" "featured" "four" "priority" "projects" "wiki"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout3-container { grid-template-areas: "welcome welcome" "about about" "featured four" "priority projects" "wiki wiki"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout3-container { grid-template-areas: "welcome welcome welcome" "about about four" "featured featured four" "priority projects projects" "wiki wiki wiki"; grid-template-columns:2fr 1fr 2fr; } } .mp-box { display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-banner-container { position: relative; } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { position: relative; font-family: var(--wiki-heading-font-family); z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: 1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery { display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: 0; } .mp-box ul.gallery pre { box-shadow: inset 0 0 20px 2px #000; text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000; } /*********************** * End main page layout * ************************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border:4px solid var(--druid-border-color); background:var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 16.875em; box-sizing:border-box; border-collapse:collapse; } @media screen and (max-width: 450px) { .druid-container { width:100%; } } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-title, .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; } .druid-section { font-size:1.25em; } .druid-label { font-weight:bold; } .druid-main-images { padding:5px; } .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; } .druid-grid-item { background:var(--druid-tertiary-background-color); margin:0.25em; padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); } .druid-collapsed { display:none; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content:'–'; display:block; position:absolute; right:10px; font-size:20px; font-weight:bold; color:var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content:'+'; } /*********************** * End DRUID infoboxes * ************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); border-bottom: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > *, .spoiler-content:hover > * { pointer-events:unset; } .spoiler-content.show, .spoiler-content.hover:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span, .spoiler-content.hover:hover > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { display: inline-flex; align-items: baseline; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /************************ * End Modular Templates * *************************/ 8be5d3eabfec5a54054394c01cb4e6aa8021075e 8 15 15 2024-05-10T02:19:08Z RheingoldRiver 2743 Adding default set of pages javascript text/javascript /* Any JavaScript here will be loaded for all users on every page load. */ /* DRUID */ $(function () { $(".druid-main-images-label").off("click"); $(".druid-main-images-label").click(function () { var $parent = $(this).closest(".druid-container"); $parent.find(".druid-toggleable").removeClass("focused"); var i = $(this).attr("data-druid"); $parent.find(".druid-toggleable[data-druid=" + i + "]").addClass("focused"); }); $(".druid-collapsible").off("click"); $(".druid-collapsible").click(function () { var kind = $(this).attr("data-druid-section"); $(this).toggleClass("druid-collapsible-collapsed"); $(this) .closest(".druid-container") .find("[data-druid-section-row=" + kind + "]") .toggleClass("druid-collapsed"); }); }); /* End DRUID */ /* [[Template:Spoiler]] */ $(function () { $('.spoiler-content') .off('click') // in case this code is loaded twice .on('click', function(e){ $(this).toggleClass('show'); }).find('a').on('click', function(e){ e.stopPropagation(); }); }); b567cefc13f906d3106d86b8a2174cf7538bb6c3 8 16 16 2024-05-10T02:19:10Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki Email address (optional but recommended - if you lose your password & do not set an email, your account will be permanently lost!) b5a53c247bdeb21a203fa73046a7c35af9158bfc 8 17 17 2024-05-10T02:19:11Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki *Vandalism and problems ** Spam ** Vandalism ** Duplicate ** Gibberish ** Copyright violation *Maintenance ** Author request ** Housekeeping ** Marked for deletion ** Merged ** Moved ** Orphaned page *Redirects ** Broken redirect ** Unused redirect 3e489e0b34793115384a1737f86ffea553f5cf9b 8 18 18 2024-05-10T02:19:13Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki '''Hold on!''' Please keep the text <code>** recentchanges-url|recentchanges</code> somewhere on this page. If you wish to change the display text of sidebar messages, you may do so at: * [[MediaWiki:mainpage-description]] * [[MediaWiki:recentchanges]] * [[MediaWiki:randompage]] * [[MediaWiki:help-mediawiki]] Do '''not''' overwrite these system messages on this page, as you'll break translation & hotkey functionality! 870b57c297604e2539a3753bacd49f3877ece6db 8 19 20 2024-05-10T02:19:15Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki *Common delete reasons ** Copyright violation ** Duplicated file ** Inappropriate content ** Merged ** Moved ** Not used ** Spam image ** Uploader request 436473c068b98c7ad5eead6c1c28427b68e30db6 8 20 21 2024-05-10T02:19:16Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki Allow uploading multiple files on [[Special:Upload]] c2aae2c6bdf82241e50f15e76b959996be82a061 8 21 22 2024-05-10T02:19:17Z RheingoldRiver 2743 Adding default set of pages javascript text/javascript /* Modified version of https://dev.fandom.com/wiki/UploadMultipleFiles * from https://terraria.wiki.gg/wiki/MediaWiki:Gadget-uploadMultipleFiles.js */ mw.loader.using(["site", "mediawiki.util"]).then(function() { if (mw.config.get("wgCanonicalSpecialPageName") !== "Upload") return; if (window.__wgg_UploadMultipleFiles_IsLoaded) { return; } window.__wgg_UploadMultipleFiles_IsLoaded = true; var l10nFactory = l10nFactory || function($lang, $data) { return function ($key) { // (null == undefined) is true, (null === undefined) is false return ($data[$lang] && $data[$lang][$key] != null) ? $data[$lang][$key] : $data.en[$key]; }; }; const l10n = l10nFactory(mw.config.get("wgUserLanguage"), { en: { multiupload: "Upload multiple files:", yes: "Yes", no: "No", sourcefiles: "Source files:", categoryname: "Category name:", categorynamehint: "Page name of the category the files will automatically be added to, e.g. Item images", categorynamespace: "Category", uploadfiles: "Upload files", nofiles: "Please select some files first.", nolicense: "Please select a valid license first.", summary: "Summary", license: "Licensing", categories: "Categories", uploading: "Uploading files...", uploaded: "Uploaded:", failed: "Failed:", done: "Done." } }); const getUploadDescription = function() { var sections = []; var summary = $("#wpUploadDescription").val(); var licenseDisplayName = $("#wpLicense option:selected").val(); var categoryName = $("#multiFileCategory").val(); if (summary !== "") sections.push(summary); if (licenseDisplayName !== "") { var licenseTemplateText = $("#wpLicense option:selected").prop("title"); sections.push("== " + l10n("license") + " ==\n" + licenseTemplateText); } if (categoryName !== "") sections.push("[[" + l10n("categorynamespace") + ":" + categoryName + "]]"); return sections.join("\n\n"); }; const getWatchlistPreference = function() { if ($("#wpWatchthis").is(":checked")) { return "watch"; } else { return "nochange"; } }; $(function(){ $("#wpUploadFile").parent().parent().addClass("regularFileSelect"); $("tr.regularFileSelect").before('<tr><td class="mw-label">'+ l10n("multiupload") + '</td><td class="mw-input"><label><input type="radio" name="multipleFiles" value="'+ l10n("yes") + '" /> '+ l10n("yes") + '</label> &nbsp; <label><input type="radio" name="multipleFiles" value="'+ l10n("no") + '" checked="" /> '+ l10n("no") + '</label></td></tr>'); $("tr.regularFileSelect").after('<tr class="multipleFileSelect" style="display:none;"><td class="mw-label">' + l10n("sourcefiles") + '</td><td class="mw-input"><input type="file" id="multiupload" multiple /></td></tr>'); $("input[name='wpUpload']").addClass("regularFileSelect"); $("#wpDestFile").parent().parent().addClass("regularFileSelect"); $("#wpIgnoreWarning").parent().parent().addClass("regularFileSelect"); // Append "category name" textbox to multiupload section $("#mw-upload-form #mw-htmlform-description tbody").append('<tr class="mw-htmlform-field-HTMLTextField multipleFileSelect" style="display:none;"><td class="mw-label"><label for="multiFileCategory"><abbr title="' + l10n("categorynamehint") + '">' + l10n("categoryname") + '</abbr></label></td><td class="mw-input"><input id="multiFileCategory" name="multiFileCategory" size="60"></td></tr>'); $("input[name='wpUpload']").after('<input type="button" value="' + l10n("uploadfiles") + '" class="multipleFileSelect" style="display:none;" id="multiFileSubmit" />'); $("input[name='multipleFiles']").change(function() { if (this.value === l10n("yes")) { $(".regularFileSelect").hide(); $(".multipleFileSelect").show(); } else { $(".regularFileSelect").show(); $(".multipleFileSelect").hide(); } }); $("#multiFileSubmit").click(function() { var files = $("#multiupload")[0].files; // Cancel upload if no files are selected if (files.length === 0) { alert(l10n("nofiles")); return false; } // Cancel upload if no license is selected if ($("#wpLicense option:selected").val() === "" && !mw.config.get("UMFBypassLicenseCheck")) { alert(l10n("nolicense")); return false; } // Description is summary + license + category var description = getUploadDescription(); var watch = getWatchlistPreference(); $("#firstHeading").text(l10n("uploading")); $("#mw-content-text").html("<h3>" + l10n("uploaded") + "</h3><ul></ul><div style='display:none;' id='multiUploadFailed'><h3>" + l10n("failed") + "</h3><ul></ul></div>"); var currentFileIdx = 0; var uploadCurrentFile; uploadCurrentFile = function() { if (currentFileIdx > files.length) { $("#mw-content-text").append("<h3>"+ l10n("done") + "</h3>"); return; } if (files[currentFileIdx] === undefined) { currentFileIdx++; uploadCurrentFile(); return; } fd = new FormData(); fd.append("action", "upload"); fd.append("token", mw.user.tokens.get("csrfToken")); fd.append("filename", files[currentFileIdx].name); fd.append("file", files[currentFileIdx]); fd.append("text", description); fd.append("watchlist", watch); fd.append("ignorewarnings", 1); fd.append("format", "json"); $.ajax({ url: mw.util.wikiScript("api"), method: "POST", data: fd, cache: false, contentType: false, processData: false, type: "POST" }).done(function(d) { if (d.error == undefined) { $("#mw-content-text > ul").append('<li><a href="' + d.upload.imageinfo.descriptionurl + '" target="_blank">' + d.upload.filename + '</a></li>'); } else { $("#multiUploadFailed ul").append('<li>' + files[currentFileIdx].name + '</li>'); $("#multiUploadFailed").show(); } currentFileIdx++; uploadCurrentFile(); }).fail(function() { $("#multiUploadFailed ul").append('<li>' + files[currentFileIdx].name + '</li>'); $("#multiUploadFailed").show(); currentFileIdx++; uploadCurrentFile(); }); }; uploadCurrentFile(); }); }); }); b05306b3ea3271c87b87546ac6619aa30e47782f 8 22 23 2024-05-10T02:19:19Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki Shows users statistics and groups on Profile Pages 19e5527677781bdc4e0fb8113ec25a631f36639a 8 23 24 2024-05-10T02:19:20Z RheingoldRiver 2743 Adding default set of pages css text/css #contentSub > * + .horse-userprofile { margin-top: 1em; } .horse-userprofile { font-size: 120%; color: var(--content-text-color); border: 2px solid var(--content-border-color); padding: 6px 12px; } .horse-userprofile-info span:first-of-type { font-weight: bold; } 5f1fe6b91b4fc5a26aa58e4771456204b1cfc5dc 8 24 25 2024-05-10T02:19:21Z RheingoldRiver 2743 Adding default set of pages javascript text/javascript // User profile // <nowiki> mw.loader.using( [ 'mediawiki.util', 'mediawiki.api' ] ).done( function() { var username = mw.config.get('wgRelevantUserName'); var lang = mw.language.bcp47(mw.config.get('wgUserLanguage')); if ( username && !window.loadedHorseUserProfile ) { window.loadedHorseUserProfile = true; var dateOptions = { year: "numeric", month: "short", day: "numeric", hour: "2-digit", minute: "2-digit", timeZone: "UTC", timeZoneName: "short" }; var api = new mw.Api(); if ( mw.util.isIPAddress(username) ) api.get( { action: 'query', list: ['usercontribs', 'blocks'], ucuser: username, ucprop: [], uclimit: 'max', bkip: username, bkprop: ['user', 'by', 'timestamp', 'expiry', 'reason'], bklimit: 1, formatversion: 2 } ).done( function(data) { var editcount = data.query.usercontribs.length; if ( data.continue ) editcount = data.limits.usercontribs+'+' var user = { groups: ['*'], editcount: editcount }; formatProfile(user, data.query.blocks[0]); } ); else api.get( { action: 'query', list: 'users', ususers: username, usprop: ['groups', 'editcount', 'registration', 'blockinfo', 'emailable'], formatversion: 2 } ).done( function(data) { var user = data.query.users[0]; var block; if ( user.blockid ) block = { user: username, by: user.blockedby, timestamp: user.blockedtimestamp, expiry: user.blockexpiry, reason: user.blockreason }; formatProfile(user, block); } ); function formatProfile(user, block) { user.groups.splice(user.groups.indexOf('*'), 1); var text = '<div class="horse-userprofile-info">'; if ( user.groups.length ) { var groupList = user.groups.map( function(group) { var grouppage = '{{MediaWiki:grouppage-'+group+'}}'; return [ '{{#ifexist: '+grouppage+' | [['+grouppage+'|{{int:group-'+group+'}}]] | {{int:group-'+group+'}} }}', '{{#ifexist: '+grouppage+' | [['+grouppage+'|{{int:group-'+group+'-member|'+username+'}}]] | {{int:group-'+group+'-member|'+username+'}} }}' ]; } ).reduce( function(prev, cur) { prev[0].push(cur[0]); prev[1].push(cur[1]); return prev; }, [[], []] ); text += '\n\n<span>{{int:prefs-memberingroups|'+user.groups.length+'|'+username+'}}</span>\t<span>{{int:prefs-memberingroups-type|'+mw.language.listToText(groupList[0])+'|'+mw.language.listToText(groupList[1])+'}}</span>'; } text += '\n\n<span>{{int:prefs-edits}}</span>\t<span>[[Special:Contribs/'+username+'|'+mw.language.convertNumber(user.editcount)+']]</span>'; if ( user.registration ) { text += '\n\n<span>{{int:prefs-registration}}</span>\t<span>'+mw.language.convertNumber(new Date(user.registration).toLocaleString(lang, dateOptions))+'</span>'; if ( !user.emailable ) text += '\n\n<span>{{int:nowikiemailtext|'+username+'}}</span>'; } text += '\n\n</div>'; if ( block && mw.config.get('wgArticleId') !== 0 ) { var blockDate = new Date(block.timestamp); var blockexpiry = '{{int:infiniteblock}}'; if ( !['infinite', 'indefinite', 'infinity', 'never'].includes(block.expiry) ) { var expiry = new Date(block.expiry.replace( /(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2,3})/, '$1-$2-$3T$4:$5:$6Z' )); var duration = expiry - blockDate; var blockDuration = []; var factor = 1000; if ( duration % factor === 0 ) blockDuration = ['duration-seconds', Math.floor(duration / factor)]; factor *= 60; if ( duration % factor === 0 ) blockDuration = ['duration-minutes', Math.floor(duration / factor)]; factor *= 60; if ( duration % factor === 0 ) blockDuration = ['duration-hours', Math.floor(duration / factor)]; factor *= 24; if ( duration % factor === 0 ) blockDuration = ['duration-days', Math.floor(duration / factor)]; if ( duration % (factor*7) === 0 ) blockDuration = ['duration-weeks', Math.floor(duration / (factor*7))]; if ( duration % (factor*30) === 0 ) blockDuration = ['months', Math.floor(duration / (factor*30))]; factor *= 365; if ( duration % factor === 0 ) blockDuration = ['duration-years', Math.floor(duration / factor)]; if ( duration % (factor*10) === 0 ) blockDuration = ['duration-decades', Math.floor(duration / (factor*10))]; if ( duration % (factor*100) === 0 ) blockDuration = ['duration-centuries', Math.floor(duration / (factor*100))]; if ( duration % (factor*1000) === 0 ) blockDuration = ['duration-millennia', Math.floor(duration / (factor*1000))]; if ( blockDuration.length < 2 || blockDuration[1] > 1000 ) blockexpiry = mw.language.convertNumber(expiry.toLocaleString(lang, dateOptions)); else blockexpiry = '{{int:'+blockDuration.join('|')+'}}'; } text += '<div class="horse-userprofile-block mw-warning-with-logexcerpt"><div>\n{{int:blocked-notice-logextract|'+username+'}}\n'; text += '* '+mw.language.convertNumber(blockDate.toLocaleString(lang, dateOptions))+' {{int:logentry-block-block|[[User:'+block.by+'|'+block.by+']] <span class="mw-usertoollinks mw-changeslist-links"><span>[[User talk:'+block.by+'|{{int:talkpagelinktext}}]]</span> <span>[[Special:Contribs/'+block.by+'|{{int:contribslink}}]]</span></span>|'+block.by; if ( mw.util.isIPAddress(block.user, true) ) text += '|[[Special:Contribs/'+block.user+'|'+block.user+']] <span class="mw-usertoollinks mw-changeslist-links"><span>[[User talk:'+block.user+'|{{int:talkpagelinktext}}]]</span></span>'; else text += '|[[User:'+block.user+'|'+block.user+']] <span class="mw-usertoollinks mw-changeslist-links"><span>[[User talk:'+block.user+'|{{int:talkpagelinktext}}]]</span> <span>[[Special:Contribs/'+block.user+'|{{int:contribslink}}]]</span></span>'; text += '|'+block.user+'|'+blockexpiry+'|}} <span class="comment">{{int:parentheses|'+block.reason+'}}</span></div></div>'; } api.parse( text, { disablelimitreport: true, wrapoutputclass: 'horse-userprofile mw-message-box mw-content-'+($('#contentSub').attr('dir')||'ltr'), uselang: mw.config.get('wgUserLanguage') } ).done( function(parsedText) { $('#contentSub').append(parsedText.replace( /\u29FCgroup-([^\u29FC\u29FD]+?)(?:-member)?\u29FD/g, '$1' )); } ); } } } ); // </nowiki> 2df0d96710fe446c5289ea1c484419b50c43fd5b 8 25 26 2024-05-10T02:19:22Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki Echo cross-wiki notifications. 465dd46832007e3125904699e84bbe969ccd8afc 8 26 27 2024-05-10T02:19:23Z RheingoldRiver 2743 Adding default set of pages javascript text/javascript mw.loader.using(['ext.echo.api', 'mediawiki.language']).then(function() { if (mw.echo.api.EchoApi.prototype.DEFAULTfetchNotifications) return; mw.echo.api.EchoApi.prototype.DEFAULTfetchNotifications = mw.echo.api.EchoApi.prototype.fetchNotifications; mw.echo.api.EchoApi.prototype.fetchNotifications = function() { return this.DEFAULTfetchNotifications.apply(this, arguments).then(function(data) { var foreignNotifData = ( data || { list: [] } ).list.find(function(notifData) { return notifData.type === 'foreign'; }), wikiList, source, title; if (foreignNotifData) { wikiList = []; for (source in foreignNotifData.sources) { title = source.replace('_', '.wiki.gg/').replace(/\/en$/, ''); wikiList.push(title); foreignNotifData.sources[source].title = title; foreignNotifData.sources[source].url = 'https://' + title + '/api.php'; foreignNotifData.sources[source].base = 'https://' + title + '/wiki/$1'; } if (foreignNotifData['*'] && foreignNotifData['*'].body === mw.language.listToText(Array(wikiList.length).fill(''))) { foreignNotifData['*'].body = mw.language.listToText(wikiList); } } return data; }); }; }); 279c1a0c4d8bc5df1e273dece10edb5a703087b9 8 27 28 2024-05-10T02:19:25Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki Adds a purge button to p-cactions d87a5f67a4e7f09bf8000d85c1de26bd6cb8a6da 8 28 29 2024-05-10T02:19:26Z RheingoldRiver 2743 Adding default set of pages javascript text/javascript var l10n = (function(){ var $text = { 'buttonlabel': { 'en': 'Purge', 'de': 'Aktualisieren', 'fr': 'Purger', 'ru': 'Обновить', 'pt': 'Actualizar', 'pt-br': 'Actualizar', }, 'hovertext': { 'en': 'Purge the server cache for this page', 'de': 'Den Server-Cache dieser Seite löschen', 'fr': 'Purge le cache du serveur de cette page', 'ru': 'Очистить кэш сервера на этой странице', 'pt': 'Limpe o cache do servidor para esta página', 'pt-br': 'Limpe o cache do servidor para esta página', } } var $lang = mw.config.get( 'wgUserLanguage' ) || 'en'; return function(key){ return $text[key] && ($text[key][$lang] || $text[key]['en']) || ''; } })(); if ( mw.config.get( 'wgNamespaceNumber' ) !== -1 ) { $(document).ready(function(){ var url = new URL(window.location.href); url.searchParams.set('action', 'purge'); mw.util.addPortletLink('p-cactions', url.href, l10n('buttonlabel'), 'ca-gadget-purgecache', l10n('hovertext'), '1'); }); } 7d39b07db2a88b17920f5eb5d7f86fd895cc8f44 8 29 30 2024-05-10T02:19:27Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki * purge[ResourceLoader|default|type=general|rights=edit,purge|dependencies=mediawiki.util]|purge.js * UserProfile[ResourceLoader|dependencies=mediawiki.api|default]|UserProfile.js|UserProfile.css * UploadMultipleFiles[ResourceLoader|default|rights=edit,upload]|UploadMultipleFiles.js * fixCrossWikiNotif[ResourceLoader|dependencies=ext.echo.api,mediawiki.language|default|hidden|type=general]|fixCrossWikiNotif.js 18266d1e602347a4846ae9787d9fbe068323dc4a 8 30 31 2024-05-10T02:20:29Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki * License|Freedom Games|This contains content from the game or its official media * License|fairuse|This will be used in a way that qualifies as "fair use" under US law * License|CC0|This file is licensed under the CC0 1.0 License * License|CC-BY-NC-ND|This is licensed under the Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License * License|CC-BY-NC-SA|This is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License * License|CC-BY-NC|This is licensed under the Creative Commons Attribution-NonCommercial 3.0 License * License|CC-BY-ND|This is licensed under the Creative Commons Attribution-NoDerivs 3.0 License * License|CC-BY-SA|This is licensed under the Creative Commons Attribution-ShareAlike 3.0 License * License|CC-BY|This is licensed under the Creative Commons Attribution 3.0 License * License|CC-PD|This is in the public domain * License|CC-SRR|This is licensed under the Creative Commons Some Rights Reserved License * License|nolicense|I don't know the license 9f95de22b5bdbc4f71ace9e1afbc3e27b5e60fbe 8 31 32 2024-05-10T02:20:30Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki support:Help:Group rights 09d38c9b806b22b1c1c0d2f8010bd8a47dc13737 8 32 33 2024-05-10T02:20:31Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {{SITENAME}} 3879910e8b355a24373fd09ccc909145b2639907 8 33 34 2024-05-10T02:20:33Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki *Common protection reasons ** Excessive vandalism ** Excessive spamming ** Edit wars ** High-traffic page ** Part of skin ** Widely transcluded db550c583f4c0ba4344678ccf2bac2a681c638b9 8 34 35 2024-05-10T02:20:34Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki This file is from $1 and may be used by other projects. Please see the [$2 file description page] for further information. If you want to replace it locally, please go to [[Special:Upload]] and name your file <code>{{PAGENAME}}</code>. 84d3d9cfb04e25550a65329ee99de60ae25a65ed 8 35 36 2024-05-10T02:20:35Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** helppage|help-mediawiki * Customizing this wiki ** MediaWiki:Sidebar|Edit the sidebar ** MediaWiki:Common.css|Edit common.css ** MediaWiki:Vector.css|Edit vector.css ** MediaWiki:Common.js|Edit common.js ** MediaWiki:Vector.js|Edit vector.js ** Special:AllPages|See all pages ** Special:SpecialPages|More useful pages! * wiki.gg ** support:|Support wiki ** wikigg-sidebar-jira|Submit a ticket ** wikigg-socialmedia-joinlink|wikigg-socialmedia-jointext-sidebar * SEARCH * TOOLBOX * LANGUAGES 6e8492639c44c3f95ca479aa4d8f9fcae9d12abd 8 36 37 2024-05-10T02:20:36Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki In addition to the special pages listed here, you may find the following system messages useful: {| class="wikitable" id="specialpages-otherpages" | [[MediaWiki:Sidebar]] || Customize your left-hand sidebar here |- | [[MediaWiki:Theme-definitions]] || Curate your list of themes (light, dark, etc) here |- | [[MediaWiki:Common.css]] || Edit styles for '''the entire wiki''' here (e.g. variable definitions, styles for specific templates, etc) |- | [[MediaWiki:Vector.css]] || Edit styles for '''the vector theme''' here (e.g. interface styles) |- | [[MediaWiki:Common.js]] || Edit scripts for '''the entire wiki''' here (nearly all JS will go here) |- | [[MediaWiki:Vector.js]] || Edit scripts for '''the vector theme''' here (e.g. the mobile sidebar button) |- | [[MediaWiki:Gadgets-definition]] || Configure the installed [[support:Gadgets|gadgets]] on this wiki |- | [[MediaWiki:specialpages-summary]] || Edit this table :) |} 247ca32589c8f9ffa65176c758be3361d36dbf0d 8 37 38 2024-05-10T02:20:37Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki * light[bundled|kind=light] * dark[bundled|kind=dark] 05cdfdf87ea42919cc6ea267d3972cc06847ed60 8 38 39 2024-05-10T02:20:39Z RheingoldRiver 2743 Adding default set of pages css text/css /* All CSS here will be loaded for users of the Vector skin */ /************************************ * Body, head, and general framework * *************************************/ body { background-image: var(--wiki-body-background-image); background-size:cover; background-position: bottom left; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-body-background-color); font-family: var(--wiki-body-font-family); accent-color: var(--wiki-accent-color); } #mw-page-base { background:none; } /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: unset; } /* Signal color scheme hints to browsers */ html.view-dark { color-scheme: dark } html.view-light { color-scheme: light } /************************ * End general framework * *************************/ /************** * Vector tabs * ***************/ .vector-menu-tabs-legacy li, #p-cactions { background-image: linear-gradient( to top, var(--wiki-navigation-background-color) 0, var(--wiki-navigation-background-color--secondary) 1px, var(--wiki-content-background-color) 100%); } #p-cactions { z-index: 5; } .vector-menu-dropdown { /* Matching a built-in rule for .vector-menu-tabs-legacy */ height: 2.5em; } .vector-menu-tabs-legacy li.selected { background: var(--wiki-navigation-selected-background-color); border-color: var(--wiki-navigation-selected-border-color); } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading{ background-image: linear-gradient(to bottom,transparent 0,var(--wiki-navigation-border-color) 100%); } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-text-color); } .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: var(--wiki-navigation-selected-text-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-dropdown .vector-menu-content { background: none; border: none; box-shadow:none; margin-top:-1px; } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); } .vector-menu-dropdown .vector-menu-heading::after { filter: brightness(0) var(--wiki-icon-to-link-filter); } #p-search { z-index:2; } #p-search .searchButton { background-color:transparent; } /****************** * End vector tabs * *******************/ /******** * Links * *********/ a, .mw-parser-output a.external, .mw-parser-output a.extiw { color: var(--wiki-content-link-color); } a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: var(--wiki-content-link-color--visited); } a:not(.mw-selflink):hover, a:visited:hover, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.external:hover, .mw-parser-output a.external:visited:hover { color:var(--wiki-content-link-color--hover); } a.new, a.new:visited, .mw-usertoollinks-contribs-no-edits { color:var(--wiki-content-redlink-color); } /* move external marker to an after so we can filter it to link color */ .mw-parser-output a.external { background:none; padding-right: 0; } .mw-parser-output a.external::after { display:inline-block; width:1em; height:1em; background-image: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg?14604); background-position: center right; background-repeat: no-repeat; background-size: 0.857em; content:''; filter:brightness(0) var(--wiki-icon-to-link-filter); vertical-align: text-top; } a.extiw[title^="wikipedia:"]::after { display:inline-block; height:1em; width:1em; margin-left:1px; background-image:url(https://commons.wiki.gg/images/2/28/Wikipedia.svg); background-size:0.857em; background-repeat:no-repeat; background-position:center right; content:''; vertical-align: text-top; } a.extiw[title^="mw:"]::after { display:inline-block; height:1em; width:1em; margin-left:1px; background-image:url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg); background-size:0.857em; background-repeat:no-repeat; background-position:center right; content:''; vertical-align: text-top; } /************ * End links * *************/ /*************** * Left Sidebar * ****************/ #mw-panel .vector-menu-portal { background-color: rgba(var(--wiki-sidebar-background-color--rgb), var(--wiki-sidebar-background-opacity)); border:1px solid var(--wiki-sidebar-border-color); } @media screen and (max-width: 720px) { #mw-panel .vector-menu-portal { background-color: var(--wiki-sidebar-background-color); } } #mw-panel .vector-menu-portal + .vector-menu-portal { border-top: 0; } #mw-panel .vector-menu-portal:last-child { margin-bottom:0; } .vector-menu-portal .vector-menu-content .mw-list-item a, .vector-menu-portal .vector-menu-content .mw-list-item a:visited { color: var(--wiki-sidebar-link-color); } .vector-menu-portal .vector-menu-heading { background: none; color: var(--wiki-sidebar-heading-color); font-family:var(--wiki-heading-font-family); } /******************* * End left sidebar * ********************/ /******* * Logo * ********/ /* [[File:Site-logo.png]] */ .mw-wiki-logo { background-size: contain; } /*********** * End logo * ************/ /*************** * Content area * ****************/ .mw-body, .parsoid-body, .mw-footer { color: var(--wiki-content-text-color); background-color: rgba(var(--wiki-content-background-color--rgb), var(--wiki-content-background-opacity)); border: 1px solid var(--wiki-content-border-color); margin-right: 1em; } .mw-footer { border-top:none; } .mw-footer li { color: var(--wiki-content-text-color); } @media screen and (max-width: 981px) { .mw-body, .parsoid-body, .mw-footer { margin-right: 0; } } /******************************* * End content area and footer * *******************************/ /*********************************** * wiki.gg network elements tuning * *********************************/ /* Unreadable user name placeholder on anon-edit-enabled wikis */ header#wikigg-header .vector-user-menu-legacy #pt-anonuserpage, header#wikigg-header .vector-user-menu-legacy #pt-tmpuserpage { color: #ccc; } #wikigg-footer { position: sticky; top: 100%; margin-top: 0.5rem; clear: both; } /** * Only clear right side in the MW footer to prevent icon overflow. This is accompanied by * the full clear on netfooter to stop the sidebar from offsetting it. */ .mw-footer > div[style^="clear"]:last-child { clear: right !important; } /*************************************** * End wiki.gg network elements tuning * *************************************/ /*********** * Headings * ************/ .mw-body h1, .mw-body h2 { border-bottom: 1px solid var(--wiki-content-border-color); } .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { color: var(--wiki-heading-color); font-family:var(--wiki-heading-font-family); } /*************** * End headings * ****************/ /************* * Wikitables * **************/ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable>tr>th, .wikitable>*>tr>th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable>tr>td, .wikitable>*>tr>td { border: 1px solid var(--wiki-content-border-color); } /* Forward = yes bg on Special:Interwiki */ table.mw-interwikitable.body td.mw-interwikitable-local-yes { background: rgba(var(--wiki-content-link-color--rgb), .1); } .zebra-table > * > tr:nth-of-type(2n), .zebra-table > tr:nth-of-type(2n) { background:rgba(var(--wiki-content-dynamic-color--secondary--rgb), 0.05); } .view-dark .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .view-dark .jquery-tablesorter th.headerSort { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E"); } .view-dark .jquery-tablesorter th.headerSortUp { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E"); } .view-dark .jquery-tablesorter th.headerSortDown { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E"); } /***************** * End wikitables * ******************/ /************** * Preferences * ***************/ .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: transparent; border-bottom: 1px solid var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } .mw-prefs-buttons { background-color: var(--wiki-content-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color) } .oo-ui-pendingElement-pending { background-color: var(--wiki-content-background-color--secondary); background-image: linear-gradient(135deg,var(--wiki-content-background-color) 25%,transparent 25%,transparent 50%,var(--wiki-content-background-color) 50%,var(--wiki-content-background-color) 75%,transparent 75%,transparent); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: Var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: transparent; border: none; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color) } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } .mw-plusminus-neg { color:var(--wiki-alert-color); } .mw-plusminus-pos { color:var(--wiki-success-color); } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ #toc, .toc, .toccolours, .mw-warning { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); box-shadow: 0 0.1em 0.2em #000000; } .toctogglelabel { color: var(--wiki-content-link-color); } .tocnumber { color: var(--wiki-content-text-color); } /************************ * End table of contents * *************************/ /************* * Thumbnails * **************/ div.thumb { border: 1px solid var(--wiki-content-border-color); margin: 2px; margin-left: 6px; } img.thumbborder { border: 1px solid var(--wiki-content-border-color); padding: 5px; } div.thumbinner { background-color: rgba(255, 255, 255, .2); } li.gallerybox div.thumb { background-color: rgba(255, 255, 255, .2); border: 1px solid var(--wiki-content-border-color); } html .thumbimage { border: 1px solid var(--wiki-content-border-color); } .thumb, .thumb .thumbinner, .thumb .thumbimage { max-width: 100%; box-sizing: border-box; } .thumb .thumbimage { height: auto; } /* packed-overlay mode for galleries */ ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper { background: rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.8); } /* Responsive floating thumbnails */ @media screen and (max-width: 720px) { div.tright { float: none; margin: 0 auto; width: max-content; } } /***************** * End thumbnails * ******************/ /************** * Wiki editor * ***************/ #wpTextbox0 { /* need !important here to override inline styling */ background-color:var(--wiki-content-background-color) !important; } .wikiEditor-ui { border: none; } .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui .wikiEditor-ui-view { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar { background: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: var(--wiki-content-background-color); } .wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); border-color: var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-tabs div a { background: #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: transparent; background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: transparent; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } .view-dark .ace_editor, .ace_editor { --ace-keywords: #CDA869; --ace-regexp: #E9C062; --ace-constants: #CF6A4C; --ace-illegal: #F8F8F8; --ace-deprecated: #D2A8A1; --ace-support: #9B859D; --ace-function: #DAD085; --ace-list: #F9EE98; --ace-variable: #7587A6; --ace-string: #8F9D6A; --ace-illegal-highlight: rgba(86, 45, 86, 0.75); --ace-step-highlight: #665200; --ace-multiselect-shadow: #141414; } .theme-light .ace_editor{ --ace-keywords: #00f; --ace-regexp: #036a07; --ace-constants: #c5060b; --ace-illegal: #f00; --ace-deprecated: #f00; --ace-support: #6d79de; --ace-function: #3c4c72; --ace-list: #b90690; --ace-variable: #318495; --ace-string: #036a07; --ace-illegal-highlight: rgba(255, 0, 0, 0.1); --ace-step-highlight: #fcff00; --ace-multiselect-shadow: #fff; } .ace_editor .ace_gutter { background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); } .ace_gutter-cell { color: rgba(var(--wiki-content-dynamic-color--rgb), 0.4); } .ace_editor .ace_print-margin { width: 1px; background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.75); } .ace_editor { /* this image gradient hack effectively lets the element have 2 layers of background */ background-image:linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color)); background-color:rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.93); color: rgba(var(--wiki-content-dynamic-color--rgb), 0.93); } .ace_editor .ace_cursor { color: var(--wiki-content-text-color); } .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.20) } .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow); } .ace_editor .ace_marker-layer .ace_step { background: var(--ace-step-highlight); } .ace_editor .ace_marker-layer .ace_active-line { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.031) } .ace_editor .ace_gutter-active-line { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.031) } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.20) } .ace_editor .ace_invisible { color: rgba(var(--wiki-content-dynamic-color--rgb), 0.25) } .ace_editor .ace_keyword, .ace_editor .ace_meta { color: var(--ace-keywords); } .ace_editor .ace_constant, .ace_editor .ace_constant.ace_numeric, .ace_editor .ace_constant.ace_character, .ace_editor .ace_constant.ace_character.ace_escape, .ace_editor .ace_constant.ace_other, .ace_editor .ace_heading, .ace_editor .ace_markup.ace_heading, .ace_editor .ace_support.ace_constant { color: var(--ace-constants); } .ace_editor .ace_invalid.ace_illegal { color: var(--ace-illegal); background-color: var(--ace-illegal-highlight); } .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: var(--ace-deprecated); } .ace_editor .ace_support, .ace_editor .ace_support.ace_type { color: var(--ace-support); } .ace_editor .ace_fold { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); border-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } .ace_editor .ace_support.ace_function { color: var(--ace-function); } .ace_editor .ace_list, .ace_editor .ace_markup.ace_list, .ace_editor .ace_storage { color: var(--ace-list); } .ace_editor .ace_entity.ace_name.ace_function, .ace_editor .ace_meta.ace_tag, .ace_editor .ace_variable { color: var(--ace-variable); } .ace_editor .ace_string { color: var(--ace-string); } .ace_editor .ace_string.ace_regexp { color: var(--ace-regexp); } .ace_editor .ace_comment { font-style: italic; color: rgba(var(--wiki-content-dynamic-color--rgb), 0.3); } .ace_editor .ace_xml-pe { color: rgba(var(--wiki-content-dynamic-color--rgb), 0.28); } .ace_editor .ace_indent-guide { background:none; border-right:1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.2); } .ace_search { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_search_field { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-mix-color); } .ace_button { color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_button.checked { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .ace_searchbtn { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border: 1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color: var(--wiki-accent-label-color); } .ace_searchbtn_close { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .view-dark .CodeMirror, .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #CD4EF9; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color) } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6) } .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple) } .cm-def { color: var(--codemirror-blue) } .cm-comment { color: var(--codemirror-yellow) } .cm-variable-2 { color: var(--codemirror-light-blue) } .cm-string { color: var(--codemirror-red) } .cm-atom { color: var(--codemirror-pink) } .cm-number { color: var(--codemirror-green) } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color) } .cm-mw-matching { background-color: var(--codemirror-yellow) } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue) } .cm-mw-list { color: var(--codemirror-blue) } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue) } .cm-mw-indenting { color: var(--codemirror-blue) } .cm-mw-mnemonic { color: var(--codemirror-green) } .cm-mw-comment { color: var(--codemirror-gray) } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue) } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red) } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red) } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green) } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color) } .cm-mw-link-tosection { color: var(--codemirror-blue) } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color) } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink) } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /* VisualEditor: Fix broken toolbar layout */ .oo-ui-toolbar { clear: none; } .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) { display: none; } .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { top: 35px; } /************* * End editor * **************/ /**************** * Tabber styles * *****************/ .tabber__tab, .tabber__tab:visited { color:var(--wiki-content-link-color); } .tabber__tab:hover, .tabber__tab:hover:visited, .tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited { color: var(--wiki-content-text-color); } .tabber__indicator { background: var(--wiki-content-link-color); } .tabber__header__prev::after, .tabber__header__next::after { filter: var(--wiki-icon-general-filter); } /******************** * End Tabber styles * *********************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ .oo-ui-iconElement-icon { filter: var(--wiki-icon-to-link-filter); } .oo-ui-iconElement-icon.oo-ui-icon-reload { filter: brightness(0) var(--wiki-icon-to-link-filter); } fieldset { border-color:var(--wiki-content-border-color); } hr { background-color:var(--wiki-content-border-color); } .CategoryTreeToggle { color:var(--wiki-content-link-color); } input, select { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline: 1px solid var(--wiki-content-link-color); } input::file-selector-button, input[type="button"], input[type="submit"] { background-color:var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .vector-body blockquote { border-color:var(--wiki-content-border-color); } ol.references li:target, sup.reference:target { background-color: rgba(var(--wiki-content-link-color--rgb), .1); } /* category bar and filetoc */ .catlinks, ul#filetoc { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background: var(--wiki-content-background-color) !important; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick { filter: var(--wiki-icon-general-filter); } .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .ui-widget-content { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background: var(--wiki-accent-color) !important; border-color: var(--wiki-accent-color) !important; color: var(--wiki-accent-label-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { /* we need an important here because we had to use some above */ background: var(--wiki-accent-color--hover) !important; border-color: var(--wiki-accent-color--hover) !important; color: var(--wiki-accent-label-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: var(--wiki-accent-label-color); } #contentSub, #contentSub2 { color:var(--wiki-content-text-mix-color); } /* arrow on redirect pages */ .mw-content-ltr .redirectText li:first-child { padding-left:0; background:none; } .mw-content-ltr .redirectText li:first-child::before { content:''; display:inline-block; width:47px; height:1em; vertical-align: middle; background-image:linear-gradient(transparent,transparent),url(/resources/src/mediawiki.action/images/redirect-ltr.svg?ff441); filter:var(--wiki-icon-general-filter); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .mw-notification .oo-ui-labelElement-label { color:var(--wiki-content-text-color); } .mw-notification .oo-ui-iconElement-icon { filter:unset; } /**/ .mime-type.has-warning { color:var(--wiki-content-text-color); } .oo-ui-image-warning.oo-ui-icon-alert, .mw-ui-icon-alert-warning::before { filter:drop-shadow(0 0 3px #000); } .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-label-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-label-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color:var(--wiki-accent-label-color); } table.cargoTable th.headerSort:hover { color:var(--wiki-accent-label-color); text-decoration:underline; } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); }.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color:var(--wiki-content-text-color); } table.dataTable tbody tr { background-color:var(--wiki-content-background-color); } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color:rgba(var(--wiki-content-background-color--secondary--rgb), 0.75); } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color:rgba(var(--wiki-content-background-color--rgb), 0.75); } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: var(--wiki-content-background-color--secondary); } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { /* we need this !important to override a built-in one */ color: var(--wiki-content-text-mix-color) !important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid var(--wiki-content-border-color); } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { /* we need this !important to override a built-in one */ color: var(--wiki-content-mix-color) !important; border: 1px solid var(--wiki-content-border-color); background-color: var(--wiki-content-background-color); background: linear-gradient(to bottom,var(--wiki-content-background-color) 0%,var(--wiki-content-background-color--secondary) 100%); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-panelLayout-framed { border-color:var(--wiki-content-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; background-color:rgba(var(--wiki-content-link-color--rgb), 0.05); border-color:rgba(var(--wiki-content-link-color--rgb), 0.75); } .oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check { background-image:none; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { background-color: rgba(var(--wiki-content-link-color--rgb), 0.5); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color: rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-image-invert.oo-ui-icon-check { background:none; position:relative; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-indicatorElement-indicator { filter: var(--wiki-icon-to-link-filter); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle+.mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "[" } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]" } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6) } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color) } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color) } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color) } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color) } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color) } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color) } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-content-link-color) } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15) } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15) } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color) } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6) } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-content-text-color) } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6) } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); border-color:var(--wiki-content-text-mix-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle { filter:unset; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color:var(--wiki-content-link-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: rgba(var(--wiki-content-text-color--rgb), .76); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: rgba(var(--wiki-content-text-color--rgb), .75); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { border-top-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { border-top-color: var(--wiki-content-background-color--secondary); } .unpatrolled { color: var(--wiki-alert-color); } .autocomment, .autocomment a, .autocomment a:visited { color:rgba(var(--wiki-content-text-color--rgb), 0.4); } .autocomment, .autocomment a, .autocomment a:visited { color:rgba(var(--wiki-content-text-color--rgb), 0.4); } /* Recent changes filter highlighting */ .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #1c283f; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #0f3128; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #352c10; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #411d0c; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #3f0f0f; } .mw-icon-arrow-collapsed, .mw-collapsible-arrow.mw-collapsible-toggle-collapsed { filter:brightness(75%) var(--wiki-icon-general-filter); } /* The below rules fix an error caused by the above rule because the toggles in the edit footer have text and an arrow in the same element, so the text gets inverted when it shouldn't be */ .mw-editfooter-toggler { position:relative; filter:unset; background:none; } .mw-editfooter-toggler::before { position:absolute; left:0; top:0; background-repeat: no-repeat; background-position: left center; width:12px; height:100%; content:''; filter:brightness(75%) var(--wiki-icon-general-filter); } .mw-editfooter-toggler.mw-icon-arrow-collapsed::before { background-image: url(/resources/src/mediawiki.icon/images/arrow-collapsed-ltr.svg?40e9a); } .mw-editfooter-toggler.mw-icon-arrow-expanded::before { background-image: url(/resources/src/mediawiki.icon/images/arrow-expanded.svg?d0685); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled { background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5 } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color:var(--wiki-content-text-color); } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background: var(--wiki-content-text-mix-color-95); color: rgba(var(--wiki-content-text-color--rgb), 0.25); text-shadow:none; border-color:var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color:rgba(var(--wiki-content-text-color--rgb), 0.4); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot, .oo-ui-messageDialog-content > .oo-ui-window-head, .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); border-right-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-title { color: var(--wiki-heading-color); } /* OAuth authorisation dialog */ #mw-mwoauth-authorize-form { color: inherit; } .oo-ui-toolbar-bar, .oo-ui-popupToolGroup-tools, .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { border-right-color:var(--wiki-content-border-color); } .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { background-color: var(--wiki-content-background-color); color: var(--wiki-content-link-color); } .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link { /* we remove the transition here because it causes the hard-coded color to flash briefly */ transition:none; } .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover { color:var(--wiki-content-link-color); } .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-content-link-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.15); } .oo-ui-menuToolGroup, .oo-ui-popupToolGroup-tools { border-color:var(--wiki-content-border-color); } .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { border-color: var(--wiki-content-border-color); box-shadow: 0 1px 1px 0 rgba(var(--wiki-content-dynamic-color--rgb),0.1); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover { background-color:var(--wiki-accent-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color) } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover) } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color) } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover) } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button{ color: var(--wiki-alert-color) } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover) } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color) } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover) } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color) } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color) } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color) } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color) } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color) } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } .mw-ui-icon-before::before { filter: var(--wiki-icon-to-link-filter); } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { border-color:var(--wiki-content-border-color); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-content-link-color); border-color:rgba(var(--wiki-content-link-color--rgb), 0.5); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); border-color:var(--wiki-content-link-color); box-shadow:inset 0 0 3px var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } /* Date picker */ .mw-widget-dateInputWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget { border-color: var(--wiki-content-border-color); } .mw-widget-dateInputWidget-calendar { background-color: var(--wiki-content-background-color); } .mw-widget-calendarWidget-header .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget-day-heading { color: rgba(var(--wiki-content-text-color--rgb), 0.55); } .mw-widget-calendarWidget-day { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget-day-additional { color: rgba(var(--wiki-content-text-color--rgb), 0.55); } .mw-widget-calendarWidget-month { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget-year { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget-item-selected { color: #fff; } .mw-widgets-datetime-calendarWidget:focus { border-color: var(--wiki-content-border-color); box-shadow: none; } .mw-widgets-datetime-calendarWidget-grid { overflow-x: initial; } .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover { border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover { background-color: var(--wiki-content-background-color); } .mw-widgets-datetime-calendarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label { color: rgba(var(--wiki-content-text-color--rgb), 0.55); } /* Unpatrolled page creations on Special:NewPages */ .not-patrolled { background-color: rgba(var(--wiki-warning-color--rgb), 0.16); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-templatedata-doc-param-alias { color:var(--wiki-content-text-mix-color); } .mw-highlight, .view-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } .view-dark .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err) } .mw-highlight .c { color: var(--pygments-c) } .mw-highlight .k { color: var(--pygments-k) } .mw-highlight .o { color: var(--pygments-o) } .mw-highlight .ch { color: var(--pygments-ch) } .mw-highlight .cm { color: var(--pygments-cm) } .mw-highlight .cp { color: var(--pygments-cp) } .mw-highlight .cpf { color: var(--pygments-cpf) } .mw-highlight .c1 { color: var(--pygments-c1) } .mw-highlight .cs { color: var(--pygments-cs) } .mw-highlight .gd { color: var(--pygments-gd) } .mw-highlight .gr { color: var(--pygments-gr) } .mw-highlight .gh { color: var(--pygments-gh) } .mw-highlight .gi { color: var(--pygments-gi) } .mw-highlight .go { color: var(--pygments-go) } .mw-highlight .gp { color: var(--pygments-gp) } .mw-highlight .gu { color: var(--pygments-gu) } .mw-highlight .gt { color: var(--pygments-gt) } .mw-highlight .kc { color: var(--pygments-kc) } .mw-highlight .kd { color: var(--pygments-kd) } .mw-highlight .kn { color: var(--pygments-kn) } .mw-highlight .kp { color: var(--pygments-kp) } .mw-highlight .kr { color: var(--pygments-kr) } .mw-highlight .kt { color: var(--pygments-kt) } .mw-highlight .m { color: var(--pygments-m) } .mw-highlight .s { color: var(--pygments-s) } .mw-highlight .na { color: var(--pygments-na) } .mw-highlight .nb { color: var(--pygments-nb) } .mw-highlight .nc { color: var(--pygments-nc) } .mw-highlight .no { color: var(--pygments-no) } .mw-highlight .nd { color: var(--pygments-nd) } .mw-highlight .ni { color: var(--pygments-ni) } .mw-highlight .ne { color: var(--pygments-ne) } .mw-highlight .nf { color: var(--pygments-nf) } .mw-highlight .nl { color: var(--pygments-nl) } .mw-highlight .nn { color: var(--pygments-nn) } .mw-highlight .nt { color: var(--pygments-nt) } .mw-highlight .nv { color: var(--pygments-nv) } .mw-highlight .ow { color: var(--pygments-ow) } .mw-highlight .w { color: var(--pygments-w) } .mw-highlight .mb { color: var(--pygments-mb) } .mw-highlight .mf { color: var(--pygments-mf) } .mw-highlight .mh { color: var(--pygments-mh) } .mw-highlight .mi { color: var(--pygments-mi) } .mw-highlight .mo { color: var(--pygments-mo) } .mw-highlight .sa { color: var(--pygments-sa) } .mw-highlight .sb { color: var(--pygments-sb) } .mw-highlight .sc { color: var(--pygments-sc) } .mw-highlight .dl { color: var(--pygments-dl) } .mw-highlight .sd { color: var(--pygments-sd) } .mw-highlight .s2 { color: var(--pygments-s2) } .mw-highlight .se { color: var(--pygments-se) } .mw-highlight .sh { color: var(--pygments-sh) } .mw-highlight .si { color: var(--pygments-si) } .mw-highlight .sx { color: var(--pygments-sx) } .mw-highlight .sr { color: var(--pygments-sr) } .mw-highlight .s1 { color: var(--pygments-s1) } .mw-highlight .ss { color: var(--pygments-ss) } .mw-highlight .bp { color: var(--pygments-bp) } .mw-highlight .fm { color: var(--pygments-fm) } .mw-highlight .vc { color: var(--pygments-vc) } .mw-highlight .vg { color: var(--pygments-vg) } .mw-highlight .vi { color: var(--pygments-vi) } .mw-highlight .vm { color: var(--pygments-vm) } .mw-highlight .il { color: var(--pygments-il) } .mw-highlight pre { background: var(--pygments-background) } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2) } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); top: 35px; } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ .view-dark textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .view-dark textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ .mwe-math-fallback-image-inline, .mwe-math-fallback-image-display { filter: var(--wiki-icon-general-filter); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } #searchButton { filter: var(--wiki-icon-to-link-filter); } .vector-search-box-input::placeholder { color:var(--wiki-content-text-mix-color); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color: var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--wiki-content-text-color); } .suggestions-result { color: var(--wiki-content-link-color); } .suggestions-result-current { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .suggestions-special .special-label { color: var(--wiki-content-text-mix-color); } .suggestions-special.suggestions-result-current .special-label { color:var(--wiki-content-link-label-color); } .suggestions-special .special-query { color: var(--wiki-link-label-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* invert the help icon on the helplink */ #mw-indicator-mw-helplink a { background-image: none; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } #mw-indicator-mw-helplink a::before { filter: var(--wiki-icon-to-link-filter); } /**/ /* Login/register page */ .mw-number-text { color:var(--wiki-content-text-mix-color); } .mw-body-content .mw-number-text h3 { color:var(--wiki-heading-color); } .mw-number-text.icon-edits, .mw-number-text.icon-pages, .mw-number-text.icon-contributors { position:relative; background:none; } .mw-number-text.icon-edits::before, .mw-number-text.icon-pages::before, .mw-number-text.icon-contributors::before { position:absolute; width:95px; height:100%; left:0; top:0; content:''; filter:brightness(0) var(--wiki-icon-general-filter); } .mw-number-text.icon-edits::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center; } .mw-number-text.icon-pages::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center } .mw-number-text.icon-contributors::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center } /**/ /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color: var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color); border: 2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-ui-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-ui-input:hover, .mw-ui-input:focus{ background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-input::placeholder { color:var(--wiki-content-text-mix-color); } .mw-mmv-dialog { background-color: var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color: var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color: var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color: var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus { color: var(--wiki-content-text-color); } /**/ /* Echo */ .mw-echo-ui-notificationItemWidget { background-color: var(--wiki-content-background-color); } .mw-echo-ui-notificationItemWidget-unread, .mw-echo-ui-placeholderItemWidget { background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.8); } .mw-echo-ui-notificationItemWidget-unread:hover, .mw-echo-ui-notificationItemWidget:hover, .mw-echo-ui-notificationsInboxWidget-toolbarWrapper { background-color:var(--wiki-content-background-color--secondary); } .mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, .mw-echo-ui-notificationItemWidget-content-message-body { color:var(--wiki-content-text-mix-color); } .mw-echo-ui-notificationsListWidget:not(:hover) a, #p-personal .mw-echo-ui-notificationsListWidget:not(:hover) a.new, .mw-echo-ui-notificationItemWidget-content-message-header, .mw-echo-ui-notificationItemWidget-content-actions-timestamp{ color:var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected > .oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-content-text-color); } .mw-echo-ui-pageNotificationsOptionWidget-label-count { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .mw-echo-ui-notificationItemWidget, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child { border-color:var(--wiki-content-border-color); } .mw-echo-ui-notificationItemWidget:last-child { border-bottom:1px solid var(--wiki-content-border-color); } .mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group { background-color:var(--wiki-content-background-color); } .mw-echo-ui-notificationItemWidget-icon{ filter:brightness(0) var(--wiki-icon-to-link-filter); } .mw-echo-ui-toggleReadCircleButtonWidget-circle { background-color:var(--wiki-content-link-color); } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected { background-color:rgba(var(--wiki-content-link-color--rgb), 0.1); color:var(--wiki-content-link-color); } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted, .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-pressed.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted{ background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); color:var(--wiki-content-link-color); } .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count { color:var(--wiki-content-link-color); } @-webkit-keyframes unseen-fadeout-to-unread { from { background-color:rgba(var(--wiki-content-link-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color--secondary); } } @keyframes unseen-fadeout-to-unread { from { background-color:rgba(var(--wiki-content-link-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color--secondary); } } @-webkit-keyframes unseen-fadeout-to-read { from { background-color:rgba(var(--wiki-content-link-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color); } } @keyframes unseen-fadeout-to-read { from { background-color:rgba(var(--wiki-content-link-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color); } } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { border-bottom-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { border-bottom-color: var(--wiki-content-background-color--secondary); } .client-js .mw-echo-special-nojs { filter:var(--wiki-icon-general-filter) } /**/ /************************* * End Vector theme fixes * **************************/ /************************ * Theme-based Scribunto * *************************/ #mw-scribunto-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-scribunto-console-fieldset, .mw-scribunto-message, .mw-scribunto-input, .mw-scribunto-error, .mw-scribunto-print, .mw-scribunto-normalOutput { background: transparent; } .mw-scribunto-console-fieldset { color: var(--wiki-content-text-color); } .mw-scribunto-message { color: var(--wiki-content-text-color); } .mw-scribunto-input { color: var(--wiki-content-text-color--hover); } .mw-scribunto-error { color: var(--wiki-alert-color); } .mw-scribunto-print { color: var(--wiki-content-text-color); } .mw-scribunto-normalOutput { color: var(--wiki-content-text-color); } /**************** * End Scribunto * *****************/ /*************************** * Theme-based VisualEditor * ****************************/ .ve-init-mw-progressBarWidget { background-color: var(--wiki-body-background-color); border: 1px solid var(--wiki-content-link-color); box-shadow: 0 1px 1px rgba(var(--wiki-content-dynamic-color--rgb),0.15); } .ve-init-mw-progressBarWidget-bar { background-color:var(--wiki-content-link-color); } div.ve-ce-branchNode { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); } .ve-ce-focusableNode-highlight { background: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights { opacity: 0.25; } .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug { outline-color: var(--wiki-content-link-color); background-color: rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.75); } .ve-ui-specialCharacterPage-character, .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, .oo-ui-bookletLayout > .oo-ui-menuLayout-menu, .ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu, .ve-ui-specialCharacterPage-character:hover { border-color:var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character:hover { box-shadow:inset 0 0 1px 1px var(--wiki-content-link-color); } /******************* * End VisualEditor * ********************/ /*********************** * Theme-based msupload * ************************/ #msupload-div, #msupload-list .file { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); } #msupload-dropzone { border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .drop-over { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color) !important; } #msupload-bottom #msupload-files { padding-left:0; background: none; } #msupload-bottom #msupload-files::before { display:inline-block; background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0; background-position:left center; height:22px; width:25px; content:''; vertical-align: top; filter:var(--wiki-icon-general-filter); } /*************************** * End theme-based msupload * ****************************/ /***************************** * Theme-based commentstreams * ******************************/ .cs-title-edit-field { border-color:var(--wiki-accent-color); } .cs-edit-box , .cs-expanded .cs-comment-header { background-color: var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .cs-target-comment .cs-comment-header { border-color:var(--wiki-accent-color); } .cs-comment-author a { color: var(--wiki-content-link-color); } .cs-comment-details { color: rgba(var(--wiki-content-text-color--rgb), 0.6); } .cs-comment { border:1px solid var(--wiki-content-border-color); } .cs-comment-body { padding:0 5px; } /********************************* * End theme-based commentstreams * **********************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { :root { --wiki-content-right-margin: 0px; --wiki-content-padding:0.5rem; --wiki-navigation-right-margin: 1px; --wiki-navigation-left-margin: 0px; --wiki-navigation-top-padding: 5px; --wiki-navigation-bottom-padding:0px; --wiki-navigation-height:2rem; --wiki-navigation-search-height:2.15rem; --wiki-navigation-search-margin:0.5rem; --wiki-logo-height: 80px; --wiki-logo-width: 100%; --wiki-logo-margin: 10px; --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2) + var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding)); --wiki-head-icon-padding: 0.25rem; --wiki-head-icon-size: calc(var(--wiki-navigation-height) - var(--wiki-head-icon-padding) * 2); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-menu-margin: 0.2rem; --wiki-menu-top-offset: calc(var(--wiki-head-height) + 35px + var(--wiki-navigation-bottom-padding) + var(--wiki-navigation-search-margin)); } #mw-page-base, #mw-head-base { height:var(--wiki-head-height); } #mw-page-base { padding-top:35px; } #mw-head-base { margin-top:calc(var(--wiki-head-height) * -1); } #p-logo, #p-logo a { height: var(--wiki-logo-height); width: var(--wiki-logo-width); } #p-logo { position:absolute; background:none; padding:0; left:0; margin:var(--wiki-logo-margin) 0; transform:none; /* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */ top: calc(-1 * var(--wiki-menu-top-offset) + 35px); } .mw-wiki-logo { background-size:contain; } #mw-head { left:0; width:100%; top:calc(var(--wiki-head-height) + 35px - var(--wiki-navigation-height)); border:none; border-image:none; } #mw-navigation { position:unset; } #left-navigation, #right-navigation { margin-top: 0; height:var(--wiki-navigation-height); } #right-navigation { margin-right: var(--wiki-navigation-right-margin); } div#left-navigation { margin-left: var(--wiki-navigation-left-margin); } div#right-navigation div#p-search { margin-right: 0; } .vector-menu-tabs-legacy, .vector-menu-dropdown { height:var(--wiki-navigation-height); } .vector-menu-tabs-legacy li a { height:var(--wiki-navigation-height); } #p-cactions { padding-bottom: 0px; } #p-search { position: absolute; left: 50%; transform:translateX(-50%); top: calc(var(--wiki-navigation-height) + var(--wiki-navigation-bottom-padding)); margin-left:0px; z-index: 4 /** above #mw-panel **/; } #simpleSearch { width: calc(100vw - var(--wiki-navigation-right-margin) - var(--wiki-navigation-left-margin)); } .vector-search-box-input { height:var(--wiki-navigation-search-height); } .vector-search-box form { margin:var(--wiki-navigation-search-margin) 0px; } .mw-body { border-left: none; border-right: none; margin-top: 0; padding-top:calc(var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-search-margin) * 2)); } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: unset; width:100%; margin: 0px auto; padding: 0; top: 0; background-position:bottom right, top center; background-size:100% 0.5em, 100% 100%; float:unset; } div#mw-navigation div#mw-panel .portal { box-sizing:border-box; text-align: center } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } #mw-panel .vector-menu-portal { border-left-width:0; border-right-width:0; } table.wikitable, table.responsive-table { display: block; overflow-x: scroll; } /* disable float on RecentChanges legend */ .mw-changeslist-legend { float: none; margin: 0 auto; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* Expandable mobile navigation panel */ body.has-vector-mobile-menu #mw-panel { position: absolute; top: var(--wiki-menu-top-offset); z-index: 3; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle { position: relative; z-index: 5; display: block; appearance: none; border: 1px solid var(--wiki-content-border-color); margin-left: var(--wiki-navigation-search-margin); margin-bottom: 2px; background-image: var(--wiki-content-background-color--secondary); } body.has-vector-mobile-menu #mw-panel .vector-menu-portal { display: none; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal { display: block; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal { text-align: left; font-size: 110%; border-left-width: 1px; border-right-width: 1px; margin-inline: calc(var(--wiki-navigation-left-margin) + var(--wiki-menu-margin)); } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal + .vector-menu-portal { border-top: 0; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) { border-bottom: 0; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list { display: flex; flex-wrap: wrap; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a { display: block; padding: 0.2rem 0.5rem; border: 1px solid transparent; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover { border-color: var(--wiki-content-link-color); } body.has-vector-mobile-menu #mw-panel #p-navigation-label { display: block; } .mobile-nav-toggle { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A"); } /* Search adjustments for the expandable menu */ body.has-vector-mobile-menu #p-search { /* reposition to the right when mobile sidebar menu is active */ left: calc(var(--wiki-navigation-search-margin) * 3 + var(--wiki-head-icon-size) + var(--wiki-head-icon-padding)); right: calc(var(--wiki-navigation-right-margin) + var(--wiki-navigation-search-margin)); transform: none; } body.has-vector-mobile-menu #simpleSearch { width: 100%; margin: 0 auto; } /* icon navbar tabs + expandable nav panel icon */ #mw-head { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-panel .mobile-nav-toggle { line-height:var(--wiki-head-icon-size); width: var(--wiki-head-icon-size); /* same as line height */ height: var(--wiki-head-icon-size); box-sizing: content-box; padding: var(--wiki-head-icon-padding); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-panel .mobile-nav-toggle::before { content: ""; display: block; position: unset; background-image: none; width: var(--wiki-head-icon-size); height: var(--wiki-head-icon-size); margin: 0; --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-navigation-text-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-panel .mobile-nav-toggle:hover::before, #mw-panel .mobile-nav-toggle.nav--expanded::before { background-color: var(--wiki-navigation-selected-text-color); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A"); } #ca-watch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A"); } #ca-unwatch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E"); } .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:hover::before { background-image:none; } /* RecentChanges - prevent overflow on long summaries */ .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { margin-left:0; } .mw-changeslist-line-inner-comment, .mw-changeslist-line .comment { font-size:0.9em; word-break:break-all; } .mw-userlink { overflow-wrap:anywhere; } } /* Hide the expandable navigation button for desktop users */ .mobile-nav-toggle { display: none; } /************* * End mobile * **************/ d108b4801fae2564cba15f15a31337cb1c8e1786 8 39 40 2024-05-10T02:20:41Z RheingoldRiver 2743 Adding default set of pages javascript text/javascript /* All JavaScript here will be loaded for users of the Vector skin */ /*** Mobile navigation toggle button ***/ $( function () { var mobileSidebarButton = document.createElement( 'button' ); mobileSidebarButton.className = 'mobile-nav-toggle'; mobileSidebarButton.addEventListener( 'click', function () { mobileSidebarButton.classList.toggle( 'nav--expanded' ); } ); document.body.classList.add( 'has-vector-mobile-menu' ); document.getElementById( 'mw-panel' ).prepend( mobileSidebarButton ); } ); /*** End mobile navigation toggle button ***/ fe358e2ae21cc8ac3ac603bdc0df2ff4a2d437b5 8 40 41 2024-05-10T02:20:42Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki You can view and copy the source of this page. If you believe you should be able to edit this page, you may need to: * [[Special:UserLogin|log in]] * Request Administrator rights on this wiki. Please do this in the {{int:Wikigg-socialmedia-link}}. 0e97d0fbf2086a4091180828a6fcab53d26a8980 8 41 42 2024-05-10T02:20:43Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki https://freedomgamesgg.atlassian.net/servicedesk/customer/portal/3 3445264db8b0e5bf4d843b3314614ad30422da54 8 42 43 2024-05-10T02:20:45Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki https://discord.gg/rTnST57tuW 61f7d9294c79264783b9668eb9862608a627bbdb 8 43 44 2024-05-10T02:20:46Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki Join our Discord 10fcd32149b359ab5617f6eb12320c79d0add514 8 44 45 2024-05-10T02:20:47Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [{{int:wikigg-socialmedia-joinlink}} wiki.gg Discord server] 4be6b9ecef0bad6878b2d85f22ede281104c7908 10 45 46 2024-05-10T02:20:49Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki ||<noinclude>{{documentation}}</noinclude> 02fb31115eef5c15d6612ac334bf5a5d83155c0a 10 46 47 2024-05-10T02:20:49Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 47 48 2024-05-10T02:20:50Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [<noinclude> {{documentation}}</noinclude> 1b058774deae9a7e511a0486a04647d6a3b9af62 10 48 49 2024-05-10T02:20:51Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[<noinclude> {{documentation}}</noinclude> a331374acf15177afbb3ffc0ec7bd5ada14c582e 10 49 50 2024-05-10T02:20:52Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 50 51 2024-05-10T02:20:53Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 51 52 2024-05-10T02:20:55Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki |}<noinclude>{{documentation}}</noinclude> b2debea163716e114d1ea46e65a63d7a1ae84bc0 10 52 53 2024-05-10T02:20:56Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 53 54 2024-05-10T02:20:57Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki |-<noinclude>{{documentation}}</noinclude> 636f9e440c24f4a3fe28b49cebd1808c3de8a814 10 54 55 2024-05-10T02:20:58Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 55 56 2024-05-10T02:20:59Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {<noinclude> {{documentation}}</noinclude> 490a0c9c85eff213addd7272fe40f8627a637c75 10 56 57 2024-05-10T02:21:00Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {|<noinclude>{{documentation}}</noinclude> 86e51fe1f06ae532410029eb39fa936d68880bc8 10 57 58 2024-05-10T02:21:01Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 58 59 2024-05-10T02:21:02Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {{<noinclude>{{documentation}}</noinclude> a506ba66cf7c806baae7faecb221b3a946721f6a 10 59 60 2024-05-10T02:21:04Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {{{<noinclude> {{documentation}}</noinclude> fa33084b57c1f33c82290de279827b973ab2fba8 10 60 61 2024-05-10T02:21:05Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 61 62 2024-05-10T02:21:06Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- ! scope="col" style="width:7.0em;" | {{no wrap|Template call}}<br>{{normal|('''m''' for magic word)}} ! scope="col" style="width:5.75em;" | {{no wrap|Output}}&nbsp;{{normal|(delayed interpretation as wikimarkup)}} ! scope="col" style="width:9.0em;" | {{no wrap|HTML alternative}} {{normal|(never interpreted as wikimarkup)}} ! Why you might want to use this |- style="vertical-align:top" | <code><nowiki>{{!}}</nowiki></code> '''(m)''' | <nowiki>|</nowiki> | &amp;#124; or {{tl|pipe}} | Displaying pipe characters inside of a parser function |- style="vertical-align:top" | <code><nowiki>{{=}}</nowiki></code> '''(m)''' | <nowiki>=</nowiki> | &amp;#61; | Displaying equal signs inside of unnamed parameters (e.g. <code><nowiki>{{MyTemplate|1+1=2}}</nowiki></code> will assign <code>2</code> to <code><nowiki>{{{1+1|}}}</nowiki></code>; <code><nowiki>{{MyTemplate|1+1{{=}}2}}</nowiki></code> will do what you want) |- style="vertical-align:top" | {{tlx|!!}} | <nowiki>||</nowiki> | &amp;#124;&amp;#124; | Displaying a break between two table cells inside of a parser function |- style="vertical-align:top" | {{tlx|!(}} | {{!(}} | &amp;#91; | Displaying a bracket inside of an external link |- style="vertical-align:top" | {{tlx|)!}} | {{)!}} | &amp;#93; | Displaying a bracket inside of an external link |- style="vertical-align:top" | {{tlx|!((}} | {{!((}} | &amp;#91;&amp;#91; | Displaying a bracket inside of a link |- style="vertical-align:top" | {{tlx|))!}} | {{))!}} | &amp;#93;&amp;#93; | Displaying a bracket inside of a link |- style="vertical-align:top" | {{tlx|(}} | {{(}} | &amp;#123; | Escaping a single brace immediately next to a template or parser function to avoid turning it into a parameter |- style="vertical-align:top" | {{tlx|)}} | {{)}} | &amp;#125; | Escaping a single brace immediately next to a template or parser function to avoid turning it into a parameter |- style="vertical-align:top" | {{tlx|((}} | {{((}} | &amp;#123;&amp;#123; | Displaying open braces for a template without actually transcluding that template |- style="vertical-align:top" | {{tlx|))}} | {{))}} | &amp;#125;&amp;#125; | Displaying closed braces for a template without actually transcluding that template |- style="vertical-align:top" | {{tlx|(((}} | {{(((}} | &amp;#123;&amp;#123;&amp;#123; | Displaying a template parameter's open curly braces without actually using that variable |- style="vertical-align:top" | {{tlx|)))}} | {{)))}} | &amp;#125;&amp;#125;&amp;#125; | Displaying a template parameter's closed curly braces without actually using that variable |- style="vertical-align:top" | {{tlx|(!}} | <nowiki>{|</nowiki> | &amp;#123;&amp;#124; | Starting a table inside of a parser function |- style="vertical-align:top" | {{tlx|!-}} | <nowiki>|-</nowiki> | &amp;#124;&amp;#45; | Starting a new table row inside of a parser function |- style="vertical-align:top" | {{tlx|!)}} | <nowiki>|}</nowiki> | &amp;#124;&amp;#125; | Closing a table inside of a parser function |}<includeonly> [[Category:Formatting templates]] </includeonly> <noinclude>[[Category:Template documentation]]</noinclude> 1bdc95eb92ba36093f841fc832035a79501db2cb 10 62 63 2024-05-10T02:21:08Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 63 64 2024-05-10T02:21:09Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki ]<noinclude> {{documentation}}</noinclude> 016897dfd1af3b146bed2b47e7aa58c0bbf6f23d 10 64 65 2024-05-10T02:21:10Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki ]<noinclude> {{documentation}}</noinclude> 016897dfd1af3b146bed2b47e7aa58c0bbf6f23d 10 65 66 2024-05-10T02:21:11Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 66 67 2024-05-10T02:21:13Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki }}<noinclude> {{documentation}} </noinclude> 85ca77d4d6ff71d8e6396ebd798f87fa7f45dc02 10 67 68 2024-05-10T02:21:29Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki ]]<noinclude> {{documentation}}</noinclude> 3d84066ce45d0c1fca0bb04608a4e73c6ea54324 10 68 69 2024-05-10T02:21:30Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 69 70 2024-05-10T02:21:31Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki }}}<noinclude> {{documentation}}</noinclude> 585d94f6fe636b77087dc0d06bfbe6cb69b29987 10 70 71 2024-05-10T02:21:32Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 71 72 2024-05-10T02:21:34Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 72 73 2024-05-10T02:21:34Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 73 74 2024-05-10T02:21:35Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki &nbsp;&bull;&nbsp;<noinclude> {{doc}} [[Category:Formatting templates]] </noinclude> 81a7f0051da7b8f4a0548d91c5eb429a974fac91 10 74 75 2024-05-10T02:21:36Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki This is the '''bullet''' template; it looks like this: [&nbsp;&bull;&nbsp;] It works similarly to the HTML markup sequence: [<code>'''&amp;nbsp;&amp;bull;&amp;nbsp;'''</code>], that is, a non-breaking space, a bullet and a non-breaking space. This template is used when you want a larger bullet than a bold middot ['''&middot;'''], but something smaller than an en dash [&ndash;]. <noinclude>[[Category:Template documentation]]</noinclude> ea04fe63a10dc333ed9c48bfc397debb11682f1e 10 75 76 2024-05-10T02:21:37Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- --><div class="ambox {{{class|}}} {{#ifeq:{{lc:{{{tiny|}}}}}|yes|tiny}}"<!-- --> style="--ambox-color: {{{color|}}};"><!-- --><div class="ambox-icon">[[File:{{{icon|Ambox banner content.svg}}}{{!}}{{#ifeq:{{lc:{{{tiny|}}}}}|yes|48x20px|48x48px}}|alt=]]</div><!-- --><div class="ambox-content"><!-- start ambox content -->{{#if: {{{title|}}} | <p class="ambox-title">{{{title}}}</p> }}<!-- --><p class="ambox-text">{{{message|No text provided.}}}{{#if: {{{date|}}} |<nowiki> </nowiki>(Message added: {{{date}}}) }}</p><!-- --></div><!-- end ambox content --></div><!-- end ambox --></includeonly><noinclude> {{doc}} [[Category:Notice templates]]</noinclude> 8a8451e2f1d9edc664e53261eba3ce4f140d1e28 10 76 77 2024-05-10T02:21:39Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki == Summary == {{#ifeq:{{ROOTPAGENAME}}|Ambox|"Ambox" is an abbreviation for '''A'''rticle '''m'''essage '''box'''. You can use amboxes in articles to indicate something important about the current page, often in the header.| This '''message template''' is an [[Template:Ambox|article message box]], or '''ambox'''. The documentation below discusses how to use each ambox provided by the wiki. }} == Premade amboxes == === Problem notice amboxes === These amboxes are used temporarily to notify other editors and visitors about a problem with an article. These amboxes support the following parameters: * <code>|tiny=</code>: If set to <code>yes</code>, the box will have less padding and the icon will be much smaller than default. * <code>|class=</code>: Any additional CSS classes to add to the ambox container element. * <code>|date=</code>: The date the ambox was added to the page. * <code>|nocat=</code>: If set to <code>yes</code>, no category will be added to the page. Use this only when creating documentation. '''Note:''' Premade amboxes need the base {{tl|Ambox}} template to work. {| class="wikitable" ! Code !! Result |- | {{tl|Cleanup}} || {{Cleanup|nocat=yes}} |- | {{tl|Delete}} || {{Delete|nocat=yes}} |- | <code><nowiki>{{</nowiki>[[Template:Merge|Merge]]|Example<nowiki>}}</nowiki></code> || {{Merge|Template:Ambox{{!}}Example|nocat=yes}} |- | <code><nowiki>{{</nowiki>[[Template:Move|Move]]|Example<nowiki>}}</nowiki></code> || {{Move|Template:Ambox{{!}}Example|nocat=yes}} |- | <code><nowiki>{{</nowiki>[[Template:Split|Split]]|Example<nowiki>}}</nowiki></code><br/><br/><code><nowiki>{{</nowiki>[[Template:Split|Split]]|Example 1|Example 2|Example 3<nowiki>}}</nowiki></code> || {{Split|Template:Ambox{{!}}Example|nocat=yes}} {{Split|Template:Ambox{{!}}Example 1|Template:Ambox{{!}}Example 2|Template:Ambox{{!}}Example 3|nocat=yes}} |- | {{tl|Stub}} || {{Stub|nocat=yes}} |- |} === Informational amboxes === These amboxes are intended as permanent fixtures to a page, to notify visitors about some piece of information relevant to the page. These amboxes support the following parameters in addition to any listed: * <code>|tiny=</code>, if set to <code>Yes</code> the image will be much smaller than default * <code>|class=</code>, any additional classes to add to the ambox container {| class="wikitable" ! Code !! Additional parameters !! Result |- | {{tl|Spoiler warning}} || || {{Spoiler warning|nocat=yes}} |- | {{tl|No direct use}} || || {{No direct use|nocat=yes}} |- | {{tl|Uses Lua}} || <code><nowiki>|1=</nowiki></code>, a comma-separated list of modules used || {{Uses Lua|nocat=yes}} |} === Optional parameters === You can use optional parameters to further customize a premade ambox. The example below is using <code>tiny=yes</code> and <code>date=01/01/2021</code>. {{Cleanup|tiny=yes|date=01/01/2021|nocat=yes}} == Creating a custom ambox == You can create additional ambox templates as needed using the following parameters: <pre> {{Ambox | color = The left border color. | icon = The icon image to be displayed. | title = The optional title. | message = The explanation text displayed. | tiny = If you want the tiny version of the ambox, fill the parameter with "yes". | date = An optional date of creation for the message. | class = An optional CSS class for the ambox. }} </pre> == Dependencies == For this template to work properly, you need the following: * <code>.ambox</code> and any related classes, found in [[MediaWiki:Common.css]]. <includeonly>[[Category:Notice templates]]</includeonly> __NOTOC__ <noinclude>[[Category:Template documentation]]</noinclude> 6fced5813eb1133d8fab2dc8b7e884c513299eaf 10 77 78 2024-05-10T02:21:40Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- --><span id="{{{1}}}"></span><!-- --></includeonly><!-- --><noinclude>{{doc}}</noinclude> eb9c1e3b18cdfdea809ae05f71e464ac718d93ea 10 78 79 2024-05-10T02:21:41Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki == Summary == This template can be used to insert an invisible anchor (reference points) into a page that can later be used by internal wiki links. == Usage == To create a custom anchor, use <code><nowiki>{{Anchor|Anchor Name}}</nowiki></code> anywhere in the page. For example, if you create the anchor <code><nowiki>{{Anchor|Example Anchor}}</nowiki></code> in the page <code><nowiki>[[Example]]</nowiki></code>, you can access it through the internal link <code><nowiki>[[Example#Example Anchor]]</nowiki></code>. Remember that you can create a [[support:Redirect|redirect]] to this template so that you can call it more easily, such as with <code><nowiki>{{a|Anchor Name}}</nowiki></code>. <noinclude>[[Category:Template documentation]]</noinclude> 4b0ddb50416a354db262e62617d9b45056f4d526 10 79 80 2024-05-10T02:21:42Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{Link icon|{{{1|}}}|{{{2|}}}|type=Character}}</includeonly><noinclude>{{documentation}}[[Category:Formatting templates]]</noinclude> 24bad84fd5dea93cab210dfd592fda86af09eb87 10 80 81 2024-05-10T02:21:43Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki == Summary == <templatedata> { "params": { "1": { "aliases": [ "page" ], "label": "Page Name", "description": "The name for the target page.", "example": "Page Name", "type": "wiki-page-name", "required": true }, "2": { "aliases": [ "label" ], "label": "Link Label", "description": "The text to the be displayed on the link icon's label.", "example": "Alternative Page Name", "type": "line" } }, "description": "Use this template to display an icon next to a page link.\n\nThis template assumes that each page has an icon uploaded at a specific location, namely \"File:Page Name (Character).png\".", "format": "inline" } </templatedata> == Examples == For the examples below, <code><nowiki>File:Invisible Boy (Character).png</nowiki></code> was used as the icon for a page called <code>Invisible Boy</code>. {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Character icon|Invisible Boy}}</nowiki></code> || {{Character icon|Invisible Boy}} |- | <code><nowiki>{{Character icon|Invisible Boy|The Invisible Boy}}</nowiki></code> || {{Character icon|Invisible Boy|The Invisible Boy}} |- | <code><nowiki>{{Character icon|Invisible Boy|notext}}</nowiki></code> || {{Character icon|Invisible Boy|notext}} |- | <code><nowiki>{{Character icon|Missing Boy}}</nowiki></code> (Missing Page Icon) || {{Character icon|Missing Boy}} |} == Dependencies== For this template to work properly, you need the following: * The base {{tl|Link icon}} template. * The <code>.link-icon</code> class and any related classes, found in [[MediaWiki:Common.css]]. 0999a706143c16f5ed970816e7825239cfce9547 10 81 82 2024-05-10T02:21:44Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = gold | icon = Cleanup.svg | message = This page does not meet '''{{SITENAME}}''''s page quality standards. You can [{{fullurl:{{FULLPAGENAME}}|action=edit}} edit it] to help fixing grammar, formatting, or code issues. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Pages in need of improvement]]}}</includeonly><!-- --><noinclude>{{Cleanup|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 150c056a9c89e3cf148e7243f5bf27c87d43600a 10 82 83 2024-05-10T02:21:46Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 83 84 2024-05-10T02:22:48Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <div style="clear:{{{1|both}}};" class={{{class|}}}></div><noinclude> {{documentation}} </noinclude> 5b24b9fd5cc166a8c486e2422d5df465206ed39c 10 84 85 2024-05-10T02:22:49Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = grey | icon = Delete.svg | title = Candidate for Deletion | message = This page lacks relevance for '''{{SITENAME}}''' and is a candidate for '''deletion'''. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for deletion]]}}</includeonly><!-- --><noinclude>{{Delete|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 6c827de94518d7f5f1635b13425be0d0fb4078da 10 85 86 2024-05-10T02:22:50Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 86 87 2024-05-10T02:22:51Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:topic|<!-- start vd -->{{#if:{{{topic|}}} | {{{topic}}} | {{PAGENAME}} }}<!-- end if -->}}<!-- end vd -->{{#vardefine:disambig|<!-- start vd -->{{#if:{{{1|}}}<!-- start custom disambig if -->|{{{1}}}<!-- start label if -->{{#if:{{{2|}}} | {{!}}{{{2}}} }}<!-- end label if -->|{{#var:topic}} (disambiguation)<!-- else; use regular disambig -->}}<!-- end custom disambig if -->}}<!-- end vd -->{{Hatnote|<!-- -->This page is about '''{{#var:topic}}'''. For other uses, see [[{{#var:disambig}}]].<!-- -->|icon=Disambig.svg<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> c4c62e7a1876492eb970ea182cf4ac0bcad97913 10 87 88 2024-05-10T02:22:52Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Disambiguation Page", "description": "A custom disambiguation page name.", "example": "Disambiguation Page", "type": "wiki-page-name" }, "2": { "label": "Link Label", "description": "A label for the custom disambiguation page.", "example": "Alternative Page Name", "type": "line" }, "topic": { "label": "Custom Topic", "description": "In case {{PAGENAME}} does not describe the topic, this can be used to display a custom topic", "example": "a custom topic", "default": "{{PAGENAME}}", "type": "line" } }, "description": "This hatnote template is meant to be used at the top of an article to indicate the existence of a disambiguation page.", "paramOrder": [ "1", "2", "topic" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Disambiguation}}</nowiki></code> || {{Disambiguation|topic=Example}} |- | <code><nowiki>{{Disambiguation|Disambig Page}}</nowiki></code> || {{Disambiguation|Disambig Page|topic=Example}} |- | <code><nowiki>{{Disambiguation|Disambig Page|Page Label|topic=this particular topic}}</nowiki></code> || {{Disambiguation|Disambig Page|Page Label|topic=this particular topic}} |} == Dependencies == For this template to work properly, you need the following: * The {{tl|Hatnote}} base template. * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. == Source == Roughly based on [[wikipedia:Template:About|Wikipedia's About Template]]. <noinclude>[[Category:Template documentation]]</noinclude> 6af0e8892880f047b12e4c60a48ff2b4681aec5d 10 88 89 2024-05-10T02:22:53Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:text|<!-- start vd -->{{#if:{{{text|}}} | {{{text}}} |<!-- start top if -->{{#if:{{{2|}}}<!-- if more than one page -->|[[{{{1}}}]]{{#if:{{{3|}}}<!-- start concat if -->|, [[{{{2}}}]] or [[{{{3}}}]]<!-- concat two -->|<nowiki> </nowiki>or [[{{{2}}}]]<!-- else; concat one -->}}<!-- end concat if -->|[[{{{1}}}]]<!-- else; one page only -->}}<!-- end custom disambig if -->}}<!-- end if -->}}<!-- end vd -->{{Hatnote|<!-- -->Not to be confused with {{#var:text}}.<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> 67ae5406ffd29bec56cfe7ad6527bb09a9733496 10 89 90 2024-05-10T02:22:54Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Alternative", "description": "The alternative page.", "example": "Alternative Page", "type": "wiki-page-name", "suggested": true }, "2": { "label": "Second Alternative", "description": "A second alternative page.", "example": "Second Alternative Page", "type": "wiki-page-name" }, "3": { "label": "Third Alternative", "description": "A third alternative page.", "example": "Third Alternative Page", "type": "wiki-page-name" }, "text": { "label": "Alternative Text", "description": "Instead of using pages, you can provide a full alternative text. This parameter overrides other provided parameters.", "example": "the alternative page, [[Alternative Page]]", "type": "line" } }, "description": "This hatnote template is meant to be used to indicate possible alternatives to what the reader wants to find.", "paramOrder": [ "1", "2", "3", "text" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages}}</nowiki></code> || {{Distinguish|Special:Uncategorizedpages}} |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles}}</nowiki></code> || {{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles}} |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles|Special:Uncategorizedcategories}}</nowiki></code> || {{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles|Special:Uncategorizedcategories}} |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages{{!}}Page 1}}</nowiki></code> (Custom link label) || {{Distinguish|Special:Uncategorizedpages{{!}}Page 1}} |- | <code><nowiki>{{Distinguish|text = Page 1, another name for [[Special:Uncategorizedpages]]}}</nowiki></code> || {{Distinguish|text = Page 1, another name for [[Special:Uncategorizedpages]]}} |} == Dependencies == For this template to work properly, you need the following: * The {{tl|Hatnote}} base template. * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. == Source == Roughly based on [[wikipedia:Template:Distinguish|Wikipedia's Distinguish Template]]. <noinclude>[[Category:Template documentation]]</noinclude> 2a06ed576ae6479add20834628f9378c657cb4fb 10 90 91 2024-05-10T02:22:55Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:Documentation]] 041222999c2c4765a4663432058f50686fb65f40 10 91 92 2024-05-10T02:22:56Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- --><div class="documentation"><!-- --><div class="documentation-header"><!-- -->[[File:Template-{{#ifexist:{{#vardefineecho:docpage|{{{1|Template:{{#replace:{{{1|{{PAGENAME}}/doc}}}|Template:|}}}}}<!-- end vde -->}}|{{#if:{{{baddoc|}}}|bad}}|no}}info.svg|50px|link=]] <!-- --><span style="font-weight: bold; font-size: 125%; margin-right: 10px;">Documentation</span> <!-- -->{{#ifeq:{{SUBPAGENAME}}|doc|<!--nothing-->|<!-- -->{{#ifexist:{{#var:docpage}}|<!-- --><span style="font-size: 90%; font-style: italic;"><!-- -->[{{fullurl:{{#var:docpage}}|action=edit}} Edit] this documentation at [{{fullurl:{{#var:docpage}}|redirect=no}} {{FULLPAGENAMEE:{{#var:docpage}}}}].<!-- --></span><!-- -->}}<!-- -->}}<!-- --><div style="float: right; margin-left: 5px;"><!-- -->[{{fullurl:{{FULLPAGENAMEE}}|action=purge}} purge]<!-- --></div><!-- --></div><!-- <!-- leave line break here --> {{#if:{{{lua|}}}|{{UsesLua|{{{lua}}} }} }} <!-- documentation text/error box begins here --> <div style="border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: 0.5em auto 1em; padding: 0.8em 1.2em; background: var(--wiki-content-background-color--secondary);"> <!-- -->{{#ifexist:{{#var:docpage}}|<!-- If there is documentation --> {{ {{#var:docpage}} }} <!-- Else -->|<!-- -->No documentation subpage exists yet for this template. [{{fullurl:{{FULLPAGENAMEE:Template:{{{1|{{PAGENAME}}}}}}}/doc|action=edit&preload=Template:Doc/preload}} Create one now].<!-- -->[[Category:Templates with no documentation]]<!-- -->}}<!-- leave line break here --> <!-- documentation text/error box ends here --> </div> <!-- -->{{#ifeq:{{SUBPAGENAME}}|doc|<!-- -->{{#ifeq:{{BASEPAGENAME}}|Doc|<!--nothing-->|<!-- only if page is not Template:Doc -->This is the documentation page, it should be transcluded into the main template page. See {{tlx|doc}} for more information. <!-- -->[[Category:Template documentation]]<!-- -->}}<!-- -->}}<!-- --></div><!-- --></includeonly><!-- --><noinclude>{{Documentation}} [[Category:Documentation templates| ]] </noinclude> 5e49b1b7e058769b5c2e3e9cc00ddf9271ed8bb8 10 92 93 2024-05-10T02:22:57Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki Use {{tl|documentation}} inside of the <code><nowiki><noinclude></noinclude></nowiki></code> section on your template. Then create your template at the <code>/doc</code> subpage of your template. <noinclude>[[Category:Template documentation]]</noinclude> 055b0481a1967951c59f15a09b92767c90baa8dd 10 93 94 2024-05-10T02:22:59Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:text|<!-- start vd -->{{#if:{{{3|}}}<!-- if more than one page -->|[[{{{2}}}]]{{#if:{{{4|}}}<!-- start concat if -->|, [[{{{3}}}]] and [[{{{4}}}]]<!-- concat two -->|<nowiki> </nowiki>and [[{{{3}}}]]<!-- else; concat one -->}}<!-- end concat if -->|[[{{{2}}}]]<!-- else; one page only -->}}<!-- end if -->}}<!-- end vd -->{{Hatnote|<!-- -->For {{{1}}}, see {{#var:text}}.<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> 1899e48855153617f7c0bf3087b781bc80f0395c 10 94 95 2024-05-10T02:23:00Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Topic", "description": "The topic the following pages are about.", "example": "more information", "type": "line", "required": true }, "2": { "label": "Related Page", "description": "A related page.", "example": "Related Page", "type": "wiki-page-name", "required": true }, "3": { "label": "Second Page", "description": "A second related page.", "example": "Second Related Page", "type": "wiki-page-name" }, "4": { "label": "Third Page", "description": "A third related page.", "example": "Third Related Page", "type": "wiki-page-name" } }, "description": "This hatnote template is meant to be used to show pages related to a topic the reader might want to visit.", "paramOrder": [ "1", "2", "3", "4" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{For|more information|Page One}}</nowiki></code> || {{For|more information|Page One}} |- | <code><nowiki>{{For|more information|Page One|Page Two}}</nowiki></code> || {{For|more information|Page One|Page Two}} |- | <code><nowiki>{{For|more information|Page One|Page Two|Page Three}}</nowiki></code> || {{For|more information|Page One|Page Two|Page Three}} |- | <code><nowiki>{{For|more information|Page One{{!}}Page 1}}</nowiki></code> (Custom link label) || {{For|more information|Page One{{!}}Page 1}} |} == Dependencies == For this template to work properly, you need the following: * The {{tl|Hatnote}} base template. * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. == Source == Roughly based on [[wikipedia:Template:For|Wikipedia's For Template]]. <noinclude>[[Category:Template documentation]]</noinclude> fbbaeb19ef742fc8fece45f43edba6bfc7103706 10 95 96 2024-05-10T02:23:02Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- --><div class="hatnote {{#if:{{{icon|}}}|icon}}">{{#if:{{{icon|}}}|[[File:{{{icon}}}|x22px]]<nowiki> </nowiki>}}{{{1|}}}</div><!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates| ]]</noinclude> d7a4d8889e7aa401084a21a4a295267f8e910a13 10 96 97 2024-05-10T02:23:02Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {{No direct use}} == List of Hatnote Templates == * {{tl|Disambiguation}} * {{tl|Distinguish}} * {{tl|For}} * {{tl|Main}} == Dependencies == For this template to work properly, you need the following: * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. * The <code>--wiki-body-dynamic-color--secondary--inverted</code> CSS variable, defined in [[MediaWiki:Common.css]]. <noinclude>[[Category:Template documentation]]</noinclude> 146c25eada492520a5b60e4c03108cce6db97b6a 10 97 98 2024-05-10T02:23:04Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Link icon]] 6ebdedb4de95efaa3e6ca27590e79aca674f2364 10 98 99 2024-05-10T02:23:04Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{Link icon|{{{1|}}}|{{{2|}}}|type=Item}}</includeonly><noinclude>{{documentation}}[[Category:Formatting templates]]</noinclude> 6564279e3808e659b8034ad4b96f4f9e9e498b57 10 99 100 2024-05-10T02:23:06Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki == Summary == <templatedata> { "params": { "1": { "aliases": [ "page" ], "label": "Page Name", "description": "The name for the target page.", "example": "Page Name", "type": "wiki-page-name", "required": true }, "2": { "aliases": [ "label" ], "label": "Link Label", "description": "The text to the be displayed on the link icon's label.", "example": "Alternative Page Name", "type": "line" } }, "description": "Use this template to display an icon next to a page link.\n\nThis template assumes that each page has an icon uploaded at a specific location, namely \"File:Page Name (Item).png\".", "format": "inline" } </templatedata> == Examples == For the examples below, <code><nowiki>File:Mystic Feather (Item).png</nowiki></code> was used as the icon for a page called <code>Mystic Feather</code>. {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Item icon|Mystic Feather}}</nowiki></code> || {{Item icon|Mystic Feather}} |- | <code><nowiki>{{Item icon|Mystic Feather|Mystic Feathers}}</nowiki></code> || {{Item icon|Mystic Feather|Mystic Feathers}} |- | <code><nowiki>{{Item icon|Mystic Feather|notext}}</nowiki></code> || {{Item icon|Mystic Feather|notext}} |- | <code><nowiki>{{Item icon|Missing Item}}</nowiki></code> (Missing Page Icon) || {{Item icon|Missing Item}} |} == Dependencies== For this template to work properly, you need the following: * The base {{tl|Link icon}} template. * The <code>.link-icon</code> class and any related classes, found in [[MediaWiki:Common.css]]. 4dfcab6f3d3c88596068607685645f29666f0141 10 100 101 2024-05-10T02:23:07Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:platform | {{#if: {{{2|}}} | {{#switch: {{lc:{{{1|}}}}} <!-- Desktop --> |mouse |keyboard=keyboard <!-- Mobile --> |gesture=gesture <!-- Microsoft --> |xboxseries |xbox=Xbox |xbox one |xbone |xbox1 |xboxone=xboxone |xbox 360 |xb360 |xbox360 |360=360 <!-- Sony --> |ps |ps5 |playstation |ds |dualsense=DualSense |playstation 4 |ps4=ps4 |playstation 3 |ps3=ps3 <!-- Nintendo --> |ns |switch=Switch |wii=wii }} | undefined }} }}<!-- -->{{#vardefine:key | {{#if: {{{2|}}} | {{ucfirst:{{{2}}}}} | {{ucfirst:{{{1}}}}} }} }}<!-- -->{{#vardefine:img | {{#if: {{{2|}}} | [[File:{{#var:platform}} {{#var:key}}.png|x25px|link=]] }} | Undefined }}<!-- --><span class="key">{{#var:img}}</span><!-- --></includeonly><!-- --><noinclude>{{doc}}</noinclude> 35b1803669bb4b206268281dfce31a8faa448a68 10 101 102 2024-05-10T02:23:08Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <tabber> |-|Desktop={{:Template:Key/doc/Keyboard}} |-|Mobile={{:Template:Key/doc/Gesture}} |-|Xbox={{:Template:Key/doc/Xbox}} |-|PlayStation={{:Template:Key/doc/DualSense}} |-|Nintendo Switch={{:Template:Key/doc/Nintendo Switch}} </tabber> <noinclude>[[Category:Key template documentation]]</noinclude> d59bc21844666f81d51a44a0e47551c3e2f06ea1 10 102 103 2024-05-10T02:23:09Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki Images Source: [[dev:Category:DualSense_input_images]] === Buttons === <code><nowiki>{{Key|PS|Directional}}</nowiki></code> {{Key|PS|Directional}} <code><nowiki>{{Key|PS|Directional Left}}</nowiki></code> {{Key|PS|Directional Left}} <code><nowiki>{{Key|PS|Directional Right}}</nowiki></code> {{Key|PS|Directional Right}} <code><nowiki>{{Key|PS|Directional Up}}</nowiki></code> {{Key|PS|Directional Up}} <code><nowiki>{{Key|PS|Directional Down}}</nowiki></code> {{Key|PS|Directional Down}} <code><nowiki>{{Key|PS|Left Stick}}</nowiki></code> {{Key|PS|Left Stick}} <code><nowiki>{{Key|PS|Right Stick}}</nowiki></code> {{Key|PS|Right Stick}} <code><nowiki>{{Key|PS|Touch Pad}}</nowiki></code> {{Key|PS|Touch Pad}} <code><nowiki>{{Key|PS|Circle}}</nowiki></code> {{Key|PS|Circle}} <code><nowiki>{{Key|PS|Cross}}</nowiki></code> {{Key|PS|Cross}} <code><nowiki>{{Key|PS|Square}}</nowiki></code> {{Key|PS|Square}} <code><nowiki>{{Key|PS|Triangle}}</nowiki></code> {{Key|PS|Triangle}} <code><nowiki>{{Key|PS|Create}}</nowiki></code> {{Key|PS|Create}} <code><nowiki>{{Key|PS|Options}}</nowiki></code> {{Key|PS|Options}} <code><nowiki>{{Key|PS|L1}}</nowiki></code> {{Key|PS|L1}} <code><nowiki>{{Key|PS|R1}}</nowiki></code> {{Key|PS|R1}} <code><nowiki>{{Key|PS|L2}}</nowiki></code> {{Key|PS|L2}} <code><nowiki>{{Key|PS|R2}}</nowiki></code> {{Key|PS|R2}} <code><nowiki>{{Key|PS|L3}}</nowiki></code> {{Key|PS|L3}} <code><nowiki>{{Key|PS|R3}}</nowiki></code> {{Key|PS|R3}} <code><nowiki>{{Key|PS|Mute}}</nowiki></code> {{Key|PS|Mute}} <code><nowiki>{{Key|PS|PS}}</nowiki></code> {{Key|PS|PS}} === Diagram === <code><nowiki>{{Key|PS|Controller Diagram}}</nowiki></code> {{Key|PS|Controller Diagram}} <noinclude>[[Category:Key template documentation]]</noinclude> 46666b1986cc232e5463c29aa870d1f39ffec583 10 103 104 2024-05-10T02:23:11Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki Images Source: [[dev:Category:Gesture_input_images]] === Fingers === <code><nowiki>{{key|gesture|finger front}}</nowiki></code> {{key|gesture|finger front}} <code><nowiki>{{key|gesture|finger side}}</nowiki></code> {{key|gesture|finger side}} === Tap & Hold === <code><nowiki>{{key|gesture|tap}}</nowiki></code> {{key|gesture|tap}} <code><nowiki>{{key|gesture|double tap}}</nowiki></code> {{key|gesture|double tap}} <code><nowiki>{{key|gesture|hold}}</nowiki></code> {{key|gesture|hold}} === Swipe Motions === <code><nowiki>{{key|gesture|swipe bottom left}}</nowiki></code> {{key|gesture|swipe bottom left}} <code><nowiki>{{key|gesture|swipe bottom right}}</nowiki></code> {{key|gesture|swipe bottom right}} <code><nowiki>{{key|gesture|swipe down}}</nowiki></code> {{key|gesture|swipe down}} <code><nowiki>{{key|gesture|swipe left}}</nowiki></code> {{key|gesture|swipe left}} <code><nowiki>{{key|gesture|swipe right}}</nowiki></code> {{key|gesture|swipe right}} <code><nowiki>{{key|gesture|swipe top left}}</nowiki></code> {{key|gesture|swipe top right}} <code><nowiki>{{key|gesture|swipe up}}</nowiki></code> {{key|gesture|swipe up}} === Zoom & Scroll === <code><nowiki>{{key|gesture|zoom in}}</nowiki></code> {{key|gesture|zoom in}} <code><nowiki>{{key|gesture|zoom out}}</nowiki></code> {{key|gesture|zoom out}} <code><nowiki>{{key|gesture|scroll down}}</nowiki></code> {{key|gesture|scroll down}} <code><nowiki>{{key|gesture|scroll left}}</nowiki></code> {{key|gesture|scroll left}} <code><nowiki>{{key|gesture|scroll right}}</nowiki></code> {{key|gesture|scroll right}} <code><nowiki>{{key|gesture|scroll up}}</nowiki></code> {{key|gesture|scroll up}} === Circular Motions === <code><nowiki>{{key|gesture|double rotate}</nowiki></code> {{key|gesture|double rotate}} <code><nowiki>{{key|gesture|full circle}}</nowiki></code> {{key|gesture|full circle}} <code><nowiki>{{key|gesture|half circle}}</nowiki></code> {{key|gesture|half circle}} <code><nowiki>{{key|gesture|quarter circle}}</nowiki></code> {{key|gesture|quarter circle}} __NOTOC__ <noinclude>[[Category:Key template documentation]]</noinclude> 9ba3327d97d6810dde5c2dcc731a2bd9f50b6d0e 10 104 105 2024-05-10T02:23:12Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki Images Source: [[dev:Category:Switch_input_images]] === Nintendo Switch === <code><nowiki>{{Key|Switch|a}}</nowiki></code> {{Key|Switch|a}} <code><nowiki>{{Key|Switch|b}}</nowiki></code> {{Key|Switch|b}} <code><nowiki>{{Key|Switch|x}}</nowiki></code> {{Key|Switch|x}} <code><nowiki>{{Key|Switch|y}}</nowiki></code> {{Key|Switch|y}} <code><nowiki>{{Key|Switch|Left Stick}}</nowiki></code> {{Key|Switch|Left Stick}} <code><nowiki>{{Key|Switch|Right Stick}}</nowiki></code> {{Key|Switch|Right Stick}} <code><nowiki>{{Key|Switch|Left Stick Press}}</nowiki></code> {{Key|Switch|Left Stick Press}} <code><nowiki>{{Key|Switch|Right Stick Press}}</nowiki></code> {{Key|Switch|Right Stick Press}} <code><nowiki>{{Key|Switch|-}}</nowiki></code> {{Key|Switch|-}} <code><nowiki>{{Key|Switch|+}}</nowiki></code> {{Key|Switch|+}} <code><nowiki>{{Key|Switch|Capture}}</nowiki></code> {{Key|Switch|Capture}} <code><nowiki>{{Key|Switch|HOME}}</nowiki></code> {{Key|Switch|HOME}} <code><nowiki>{{Key|Switch|L}}</nowiki></code> {{Key|Switch|L}} <code><nowiki>{{Key|Switch|R}}</nowiki></code> {{Key|Switch|R}} <code><nowiki>{{Key|Switch|ZL}}</nowiki></code> {{Key|Switch|ZL}} <code><nowiki>{{Key|Switch|ZR}}</nowiki></code> {{Key|Switch|ZR}} === Pro Controller === <code><nowiki>{{Key|Switch|Pro Control Pad}}</nowiki></code> {{Key|Switch|Pro Control Pad}} <code><nowiki>{{Key|Switch|Pro Control Pad Left}}</nowiki></code> {{Key|Switch|Pro Control Pad Left}} <code><nowiki>{{Key|Switch|Pro Control Pad Right}}</nowiki></code> {{Key|Switch|Pro Control Pad Right}} <code><nowiki>{{Key|Switch|Pro Control Pad Up}}</nowiki></code> {{Key|Switch|Pro Control Pad Up}} <code><nowiki>{{Key|Switch|Pro Control Pad Down}}</nowiki></code> {{Key|Switch|Pro Control Pad Down}} === Joy-Con === <code><nowiki>{{Key|Switch|Directional Left}}</nowiki></code> {{Key|Switch|Directional Left}} <code><nowiki>{{Key|Switch|Directional Right}}</nowiki></code> {{Key|Switch|Directional Right}} <code><nowiki>{{Key|Switch|Directional Up}}</nowiki></code> {{Key|Switch|Directional Up}} <code><nowiki>{{Key|Switch|Directional Down}}</nowiki></code> {{Key|Switch|Directional Down}} ==== Diagrams ==== <code><nowiki>{{Key|Switch|Joy-Con}}</nowiki></code> {{Key|Switch|Joy-Con}} <code><nowiki>{{Key|Switch|Joy-Con Separate}}</nowiki></code> {{Key|Switch|Joy-Con Separate}} <code><nowiki>{{Key|Switch|Joy-Con Left}}</nowiki></code> {{Key|Switch|Joy-Con Left}} <code><nowiki>{{Key|Switch|Joy-Con Right}}</nowiki></code> {{Key|Switch|Joy-Con Right}} __NOTOC__ <noinclude>[[Category:Key template documentation]]</noinclude> 3656bc1084c0bfaa077723e58b10288af7a54e4c 10 105 106 2024-05-10T02:23:13Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki Images Source: [[dev:Category:PS4_input_images]] === D-Pad & Sticks === <code><nowiki>{{key|ps4|dpad}}</nowiki></code> {{key|ps4|dpad}} <code><nowiki>{{key|ps4|left}}</nowiki></code> {{key|ps4|left}} <code><nowiki>{{key|ps4|right}}</nowiki></code> {{key|ps4|right}} <code><nowiki>{{key|ps4|up}}</nowiki></code> {{key|ps4|up}} <code><nowiki>{{key|ps4|down}}</nowiki></code> {{key|ps4|down}} <code><nowiki>{{key|ps4|left stick}}</nowiki></code> {{key|ps4|left stick}} <code><nowiki>{{key|ps4|right stick}}</nowiki></code> {{key|ps4|right stick}} <code><nowiki>{{key|ps4|touch pad}}</nowiki></code> {{key|ps4|touch pad}} === Front Buttons === <code><nowiki>{{key|ps4|circle}}</nowiki></code> {{key|ps4|circle}} <code><nowiki>{{key|ps4|cross}}</nowiki></code> {{key|ps4|cross}} <code><nowiki>{{key|ps4|square}}</nowiki></code> {{key|ps4|square}} <code><nowiki>{{key|ps4|triangle}}</nowiki></code> {{key|ps4|triangle}} <code><nowiki>{{key|ps4|share}}</nowiki></code> {{key|ps4|share}} <code><nowiki>{{key|ps4|options}}</nowiki></code> {{key|ps4|options}} === Rear Buttons === <code><nowiki>{{key|ps4|l1}}</nowiki></code> {{key|ps4|l1}} <code><nowiki>{{key|ps4|r1}}</nowiki></code> {{key|ps4|r1}} <code><nowiki>{{key|ps4|l2}}</nowiki></code> {{key|ps4|l2}} <code><nowiki>{{key|ps4|r2}}</nowiki></code> {{key|ps4|r2}} <noinclude>[[Category:Key template documentation]]</noinclude> 9a5b9ac2240ead8eef67ebf6ca50081c6de18b3b 10 106 107 2024-05-10T02:23:15Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki Images Source: [[dev:Category:Xbox input images]] === Series & One === <code><nowiki>{{Key|Xbox|A}}</nowiki></code> {{Key|Xbox|A}} <code><nowiki>{{Key|Xbox|B}}</nowiki></code> {{Key|Xbox|B}} <code><nowiki>{{Key|Xbox|X}}</nowiki></code> {{Key|Xbox|X}} <code><nowiki>{{Key|Xbox|Y}}</nowiki></code> {{Key|Xbox|y}} <code><nowiki>{{Key|Xbox|Left Thumbstick}}</nowiki></code> {{Key|Xbox|Left Thumbstick}} <code><nowiki>{{Key|Xbox|Right Thumbstick}}</nowiki></code> {{Key|Xbox|Right Thumbstick}} <code><nowiki>{{Key|Xbox|Left Thumbstick Press}}</nowiki></code> {{Key|Xbox|Left Thumbstick Press}} <code><nowiki>{{Key|Xbox|Right Thumbstick Press}}</nowiki></code> {{Key|Xbox|Right Thumbstick Press}} <code><nowiki>{{Key|Xbox|LB}}</nowiki></code> {{Key|Xbox|LB}} <code><nowiki>{{Key|Xbox|RB}}</nowiki></code> {{Key|Xbox|RB}} <code><nowiki>{{Key|Xbox|View}}</nowiki></code> {{Key|Xbox|View}} <code><nowiki>{{Key|Xbox|Menu}}</nowiki></code> {{Key|Xbox|Menu}} <code><nowiki>{{Key|Xbox|Button}}</nowiki></code> {{Key|Xbox|Button}} === Xbox Series === <code><nowiki>{{Key|Xbox|D-pad}}</nowiki></code> {{Key|Xbox|D-pad}} <code><nowiki>{{Key|Xbox|D-pad Left}}</nowiki></code> {{Key|Xbox|D-pad Left}} <code><nowiki>{{Key|Xbox|D-pad Right}}</nowiki></code> {{Key|Xbox|D-pad Right}} <code><nowiki>{{Key|Xbox|D-pad Up}}</nowiki></code> {{Key|Xbox|D-pad Up}} <code><nowiki>{{Key|Xbox|D-pad Down}}</nowiki></code> {{Key|Xbox|D-pad Down}} <code><nowiki>{{Key|Xbox|LT}}</nowiki></code> {{Key|Xbox|LT}} <code><nowiki>{{Key|Xbox|RT}}</nowiki></code> {{Key|Xbox|RT}} <code><nowiki>{{Key|Xbox|Share}}</nowiki></code> {{Key|Xbox|Share}} ==== Diagram ==== <code><nowiki>{{Key|Xbox|Series Controller Diagram}}</nowiki></code> {{Key|Xbox|Series Controller Diagram}} === Xbox One === <code><nowiki>{{Key|Xbox|One D-pad}}</nowiki></code> {{Key|Xbox|D-pad}} <code><nowiki>{{Key|Xbox|One D-pad Left}}</nowiki></code> {{Key|Xbox|D-pad Left}} <code><nowiki>{{Key|Xbox|One D-pad Right}}</nowiki></code> {{Key|Xbox|D-pad Right}} <code><nowiki>{{Key|Xbox|One D-pad Up}}</nowiki></code> {{Key|Xbox|D-pad Up}} <code><nowiki>{{Key|Xbox|One D-pad Down}}</nowiki></code> {{Key|Xbox|D-pad Down}} <code><nowiki>{{Key|Xbox|One Left Trigger}}</nowiki></code> {{Key|Xbox|One Left Trigger}} <code><nowiki>{{Key|Xbox|One Right Trigger}}</nowiki></code> {{Key|Xbox|One Right Trigger}} ==== Diagram ==== <code><nowiki>{{Key|Xbox|One Controller Diagram}}</nowiki></code> {{Key|Xbox|One Controller Diagram}} <noinclude>[[Category:Key template documentation]]</noinclude> 1d2071cc78fa85a6c9824b188bea921c10d533f7 10 107 108 2024-05-10T02:23:16Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/{{{1|nolicense}}}|source={{{source|}}}}}</includeonly> <noinclude>{{documentation}}</noinclude> 97ce18acc45bafbcf8fbbf066408a1e8ca46f82e 109 108 2024-05-10T02:23:17Z RheingoldRiver 2743 Protected "[[Template:License]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/{{{1|nolicense}}}|source={{{source|}}}}}</includeonly> <noinclude>{{documentation}}</noinclude> 97ce18acc45bafbcf8fbbf066408a1e8ca46f82e 10 108 110 2024-05-10T02:23:17Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY | icon = [[File:CC-BY.svg|x50px|link=https://creativecommons.org/licenses/by/3.0/|CC-BY]] | text = This file is under the [https://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 956c4b541bf09eae168956e88b0723f17909801b 111 110 2024-05-10T02:23:18Z RheingoldRiver 2743 Protected "[[Template:License/CC-BY]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY | icon = [[File:CC-BY.svg|x50px|link=https://creativecommons.org/licenses/by/3.0/|CC-BY]] | text = This file is under the [https://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 956c4b541bf09eae168956e88b0723f17909801b 10 109 112 2024-05-10T02:23:19Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC | icon = [[File:CC-BY-NC.svg|x50px|link=https://creativecommons.org/licenses/by-nc/3.0/|CC-BY-NC]] | text = This file is under the [https://creativecommons.org/licenses/by-nc/3.0/ Creative Commons Attribution-NonCommercial 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 0a71686704d05cbe6c47127502d6efbcfbc07aaa 113 112 2024-05-10T02:23:19Z RheingoldRiver 2743 Protected "[[Template:License/CC-BY-NC]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC | icon = [[File:CC-BY-NC.svg|x50px|link=https://creativecommons.org/licenses/by-nc/3.0/|CC-BY-NC]] | text = This file is under the [https://creativecommons.org/licenses/by-nc/3.0/ Creative Commons Attribution-NonCommercial 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 0a71686704d05cbe6c47127502d6efbcfbc07aaa 10 110 114 2024-05-10T02:23:20Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-ND | icon = [[File:CC-BY-NC-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nc-nd/3.0/|CC-BY-NC-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-nd/3.0/ Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> d2662f8aed08d926b744cdc1263786bb06e84f56 115 114 2024-05-10T02:23:21Z RheingoldRiver 2743 Protected "[[Template:License/CC-BY-NC-ND]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-ND | icon = [[File:CC-BY-NC-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nc-nd/3.0/|CC-BY-NC-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-nd/3.0/ Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> d2662f8aed08d926b744cdc1263786bb06e84f56 10 111 116 2024-05-10T02:23:22Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-SA | icon = [[File:CC-BY-NC-SA.svg|x50px|link=https://creativecommons.org/licenses/by-nc-sa/3.0/|CC-BY-NC-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-sa/3.0/ Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 0aebf809772f77e9f40a27a46cbead47b0f23637 117 116 2024-05-10T02:23:22Z RheingoldRiver 2743 Protected "[[Template:License/CC-BY-NC-SA]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-SA | icon = [[File:CC-BY-NC-SA.svg|x50px|link=https://creativecommons.org/licenses/by-nc-sa/3.0/|CC-BY-NC-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-sa/3.0/ Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 0aebf809772f77e9f40a27a46cbead47b0f23637 10 112 118 2024-05-10T02:23:23Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-ND | icon = [[File:CC-BY-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nd/3.0/|CC-BY-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nd/3.0/ Creative Commons Attribution-NoDerivs 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 9a591941dc48084ecdd082f576380411b1406230 119 118 2024-05-10T02:23:23Z RheingoldRiver 2743 Protected "[[Template:License/CC-BY-ND]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-ND | icon = [[File:CC-BY-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nd/3.0/|CC-BY-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nd/3.0/ Creative Commons Attribution-NoDerivs 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 9a591941dc48084ecdd082f576380411b1406230 10 113 120 2024-05-10T02:23:24Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-SA | icon = [[File:CC-BY-SA.svg|x50px|link=https://creativecommons.org/licenses/by-sa/3.0/|CC-BY-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution-ShareAlike 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 43ba316c09d5eea2d13222f551d084eeaa807011 121 120 2024-05-10T02:23:25Z RheingoldRiver 2743 Protected "[[Template:License/CC-BY-SA]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-SA | icon = [[File:CC-BY-SA.svg|x50px|link=https://creativecommons.org/licenses/by-sa/3.0/|CC-BY-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution-ShareAlike 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 43ba316c09d5eea2d13222f551d084eeaa807011 10 114 122 2024-05-10T02:23:25Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-PD | icon = [[File:CC-PD.svg|x50px|link=|Public Domain]] | text = This file has been released into the public domain by the copyright holder, its copyright has expired, or it is ineligible for copyright. This applies worldwide. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 729aa1019207fed07b48064e2032cc53c6346f25 123 122 2024-05-10T02:23:26Z RheingoldRiver 2743 Protected "[[Template:License/CC-PD]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-PD | icon = [[File:CC-PD.svg|x50px|link=|Public Domain]] | text = This file has been released into the public domain by the copyright holder, its copyright has expired, or it is ineligible for copyright. This applies worldwide. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 729aa1019207fed07b48064e2032cc53c6346f25 10 115 124 2024-05-10T02:23:26Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-SRR | icon = [[File:CC-SRR.svg|link=|CC-Some Rights Reserved]] | text = This file is under the Creative Commons Some Rights Reserved License. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 9f9699ab0bd08dd66c0f61ec3b2455905e40bdf5 125 124 2024-05-10T02:23:27Z RheingoldRiver 2743 Protected "[[Template:License/CC-SRR]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-SRR | icon = [[File:CC-SRR.svg|link=|CC-Some Rights Reserved]] | text = This file is under the Creative Commons Some Rights Reserved License. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 9f9699ab0bd08dd66c0f61ec3b2455905e40bdf5 10 116 126 2024-05-10T02:23:28Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC0 | icon = [[File:CC-0.svg|x50px|link=https://creativecommons.org/publicdomain/zero/1.0/|CC0]] | text = This file is under the [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 5b4bdd9526f2eee026aaa54d08d4b75c91cf2200 127 126 2024-05-10T02:23:29Z RheingoldRiver 2743 Protected "[[Template:License/CC0]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC0 | icon = [[File:CC-0.svg|x50px|link=https://creativecommons.org/publicdomain/zero/1.0/|CC0]] | text = This file is under the [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 5b4bdd9526f2eee026aaa54d08d4b75c91cf2200 10 117 128 2024-05-10T02:23:29Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:License/fairuse]] ecb7db41961bb5256d571593ca3f90ae1e199a3e 10 118 129 2024-05-10T02:24:31Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki This template is to be used in a Licensing heading on file pages to denote the file's license. == Available Licenses == === Game === * {{tl|License/game}} * Usage: <nowiki>{{License|game}}</nowiki> {{License|game}} === Fairuse === * {{tl|License/fairuse}} * Usage: <nowiki>{{License|fairuse}}</nowiki> {{License|fairuse}} === CC0 === * {{tl|License/CC0}} * Usage: <nowiki>{{License|CC0}}</nowiki> {{License|CC0}} === CC-BY-NC-ND === * {{tl|License/CC-BY-NC-ND}} * Usage: <nowiki>{{License|CC-BY-NC-ND}}</nowiki> {{License|CC-BY-NC-ND}} === CC-BY-NC-SA === * {{tl|License/CC-BY-NC-SA}} * Usage: <nowiki>{{License|CC-BY-NC-SA}}</nowiki> {{License|CC-BY-NC-SA}} === CC-BY-NC === * {{tl|License/CC-BY-NC}} * Usage: <nowiki>{{License|CC-BY-NC}}</nowiki> {{License|CC-BY-NC}} === CC-BY-ND === * {{tl|License/CC-BY-ND}} * Usage: <nowiki>{{License|CC-BY-ND}}</nowiki> {{License|CC-BY-ND}} === CC-BY-SA === * {{tl|License/CC-BY-SA}} * Usage: <nowiki>{{License|CC-BY-SA}}</nowiki> {{License|CC-BY-SA}} === CC-BY === * {{tl|License/CC-BY}} * Usage: <nowiki>{{License|CC-BY}}</nowiki> {{License|CC-BY}} === CC-PD === * {{tl|License/CC-PD}} * Usage: <nowiki>{{License|CC-PD}}</nowiki> {{License|CC-PD}} === CC-SRR === * {{tl|License/CC-SRR}} * Usage: <nowiki>{{License|CC-SRR}}</nowiki> {{License|CC-SRR}} '''Providing no parameter (or invalid one) defaults to the nolicense notice:''' <nowiki>{{License}}</nowiki>{{License}} '''Source parameter (optional):''' The source parameter accepts a url to the source where the file came from if necessary for attribution. Example: <nowiki>{{License|game|source=https://freedom.gg/}}</nowiki> {{License|game|source=https://freedom.gg/}} <includeonly> [[Category:License templates]] </includeonly> <noinclude>[[Category:Template documentation]]</noinclude> 2adafa339e0fede1d72df913446ab98652f733c5 10 119 130 2024-05-10T02:24:33Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = fairuse | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is copyrighted. It will be used in a way that qualifies as fair use under [https://en.wikipedia.org/wiki/Fair_use#Fair_use_under_United_States_law US copyright law]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> ab575747427e43b6d5dc2d98e19579ebd2dac54e 131 130 2024-05-10T02:24:34Z RheingoldRiver 2743 Protected "[[Template:License/fairuse]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = fairuse | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is copyrighted. It will be used in a way that qualifies as fair use under [https://en.wikipedia.org/wiki/Fair_use#Fair_use_under_United_States_law US copyright law]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> ab575747427e43b6d5dc2d98e19579ebd2dac54e 10 120 132 2024-05-10T02:24:35Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is owned by [https://freedom.gg Freedom Games] and/or its licensors, and is licensed under the Freedom Games [https://docs.google.com/document/u/0/d/1-Q1W906OE2vVX9dR1imI6BmXvCURzC7_4NgQTNCzFdA/pub Terms of Use].<br/> All trademarks and registered trademarks present in the file are proprietary to Freedom Games and/or its licensors. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 9f7489210d15e57eb34e5641e935e474c9d75615 133 132 2024-05-10T02:24:36Z RheingoldRiver 2743 Protected "[[Template:License/game]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is owned by [https://freedom.gg Freedom Games] and/or its licensors, and is licensed under the Freedom Games [https://docs.google.com/document/u/0/d/1-Q1W906OE2vVX9dR1imI6BmXvCURzC7_4NgQTNCzFdA/pub Terms of Use].<br/> All trademarks and registered trademarks present in the file are proprietary to Freedom Games and/or its licensors. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 9f7489210d15e57eb34e5641e935e474c9d75615 10 121 134 2024-05-10T02:24:36Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = nolicense | icon = [[File:Warning-red.svg|50px|link=|No license has been selected.]] | text = Please select the proper license for this file by adding the proper parameter to <nowiki>{{License}}</nowiki>. See [[Template:License]] for details. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 6fcc074a49246120434bbc0a2d2fb6364018548a 135 134 2024-05-10T02:24:37Z RheingoldRiver 2743 Protected "[[Template:License/nolicense]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = nolicense | icon = [[File:Warning-red.svg|50px|link=|No license has been selected.]] | text = Please select the proper license for this file by adding the proper parameter to <nowiki>{{License}}</nowiki>. See [[Template:License]] for details. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 6fcc074a49246120434bbc0a2d2fb6364018548a 10 122 136 2024-05-10T02:24:38Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- --><div class="license {{{type|}}}" style="border: 1px solid var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); align-items: center; padding: 5px; display: flex; gap: 1em;"> <div class="icon {{#if:{{{darkIcon|}}}|invert-on-dark}}">{{{icon|}}}</div> <div class="text">{{{text|}}}{{#if:{{{source|}}}|<br/><span class="source">Source:&nbsp;{{{source|}}}</span>}}{{{text2|}}}</div> </div><!-- --></includeonly><noinclude>{{documentation|Template:License/doc}}</noinclude> 7d0e694e6a42a5368b4b62ce6c01bfa2fb4e67b8 137 136 2024-05-10T02:24:39Z RheingoldRiver 2743 Protected "[[Template:License/template]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly><!-- --><div class="license {{{type|}}}" style="border: 1px solid var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); align-items: center; padding: 5px; display: flex; gap: 1em;"> <div class="icon {{#if:{{{darkIcon|}}}|invert-on-dark}}">{{{icon|}}}</div> <div class="text">{{{text|}}}{{#if:{{{source|}}}|<br/><span class="source">Source:&nbsp;{{{source|}}}</span>}}{{{text2|}}}</div> </div><!-- --></includeonly><noinclude>{{documentation|Template:License/doc}}</noinclude> 7d0e694e6a42a5368b4b62ce6c01bfa2fb4e67b8 10 123 138 2024-05-10T02:24:40Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{#vardefine:target|{{{1|}}}<!-- end vd -->}}<!-- -->{{#vardefine:display|{{#if:{{{2|}}}|{{{2}}}|{{{1}}}<!-- end if -->}}<!-- end vd -->}}<!-- -->{{#vardefine:iconSize|1.2em}}<!-- -->{{#vardefine:fileExists|{{filepath:{{#var:target}} ({{{type}}}).png}}}}<!-- -->{{#ifeq: {{{2|}}} | notext <!-- start if notext -->|<span class="link-icon notext" style="--link-icon-size: {{#var:iconSize}}"><!-- start notext icon element -->{{#if: {{#var:fileExists}} <!-- start icon if -->| <span class="regular">[[File:{{#var:target}} ({{{type}}}).png|link={{#var:target}}|alt=]]</span><!-- end regular icon -->| <span class="fallback">[[File:{{{1}}} ({{{type}}}).png|?]]</span><!-- end fallback icon (?) -->}}<!-- end icon if --></span><!-- end notext icon -->|<span class="link-icon" style="--link-icon-size: {{#var:iconSize}}"><!-- start icon + text element -->{{#if: {{#var:fileExists}} <!-- start icon if -->| <span class="regular">[[File:{{#var:target}} ({{{type}}}).png|link={{#var:target}}|alt=]]</span><!-- end regular icon -->| <span class="fallback">[[File:{{{1}}} ({{{type}}}).png|?]]</span><!-- end fallback icon (?) -->}}&nbsp;<!-- end icon if --><span class="display-text">[[{{#var:target}}|{{#var:display}}]]</span><!-- end display text -->}}<!-- start if notext --></span></includeonly><noinclude>{{Documentation}}[[Category:Formatting templates]]</noinclude> c0c86ece4bd01a7c0b8584de4111a5433ab86628 10 124 139 2024-05-10T02:24:41Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {{No direct use}} == List of link icon templates == * {{tl|Character icon}} * {{tl|Item icon}} == Dependencies== For this template to work properly, you need the following: * The <code>.link-icon</code> class and any related classes, found in [[MediaWiki:Common.css]]. <noinclude>[[Category:Template documentation]]</noinclude> 654dfb540ea31a810ef53c3820862942e63b2e8a 10 125 140 2024-05-10T02:24:42Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <noinclude>[[Category:Documentation templates]]</noinclude><div class="luadoc">Edit the [[{{FULLPAGENAME}}/doc|documentation or categories]] for this module. {{#ifexist:{{FULLPAGENAME}}/i18n|This module has an [[/i18n|i18n file]].}}</div> 5df079d8f61782274d2ab1da5c43526c4229362c 10 126 141 2024-05-10T02:24:43Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{#if:{{{image|}}}|[[File:{{{image|}}}|{{{size|42px}}}|link={{{link|{{{1|}}}}}}]]}}<!-- -->{{#if:{{#pos:{{{link|}}}|http}}|[{{{link|}}} {{{1|}}}]|[[{{{link|{{{1|}}}}}}|{{{1|}}}]]}}</includeonly><noinclude> {{doc}} [[Category:Formatting templates]] </noinclude> b5f7c06404f70f0e717c635e4516a43801d501a6 10 127 142 2024-05-10T02:24:44Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki This creates one of the stylized and formatted links on the [[{{SITENAME}}|main page]]. == Usage == Groups of this template should be wrapped inside of <code><nowiki><div class="mp-links"></div></nowiki></code> and each entry should be a separate line in an [[wikipedia:Help:Lists#Basically|unordered list]]. This div can be given one of the classes <code>columns-x</code> where x is a number from 1 to 5, and the links will line up in that many columns if space permits (default is 3). The div can also optionally be given the class <code>stretch</code> and it will stretch the list vertically to fill empty space. See [[Mediawiki:Common.css]] for the full definitions of these classes and styling for this template. ===Parameters=== <templatedata> { "description": { "en": "Creates stylized and formatted links on the main page." }, "format": "inline", "params": { "1": { "label": { "en": "Text" }, "description": { "en": "The text to display. If the link parameter is not given, this will also be the link target." }, "required": true, "example": "Stuff", "type": "string" }, "link": { "label": { "en": "Link" }, "description": { "en": "The target page for the link, if different than the display text." }, "required": false, "example": "Main Page", "type": "wiki-page-name" }, "image": { "label": { "en": "Image" }, "description": { "en": "An image to display with the link." }, "required": false, "suggested": true, "type": "wiki-file-name" }, "size": { "label": { "en": "Image size" }, "description": { "en": "The size of the image, in px." }, "required": false, "default": "42px", "type": "string" } }, "paramOrder": [ "1", "link", "image", "size" ] } </templatedata> ==Examples== <pre> <div class="mp-links columns-3"> * {{MP link|Stuff|link=Special:Random|image=Site-logo.png|size=42px}} * {{MP link|Things|link=Special:Random}} * {{MP link|Other stuff|link=Special:Random|image=Site-logo.png|size=42px}} </div> </pre> Produces: <div class="mp-links columns-3"> * {{MP link|Stuff|link=Special:Random|image=Site-logo.png|size=42px}} * {{MP link|Things|link=Special:Random}} * {{MP link|Other stuff|link=Special:Random|image=Site-logo.png|size=42px}} </div> <noinclude> [[Category:Template documentation]] </noinclude> 414ab9c9cbd6e62064acc46ccbd3768fa986c66b 10 128 143 2024-05-10T02:24:45Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:text|<!-- start vd -->{{#if:{{{2|}}}<!-- if more than one page -->|[[{{{1}}}]]{{#if:{{{3|}}}<!-- start concat if -->|, [[{{{2}}}]] and [[{{{3}}}]]<!-- concat two -->|<nowiki> </nowiki>and [[{{{2}}}]]<!-- else; concat one -->}}<!-- end concat if -->|[[{{{1}}}]]<!-- else; one page only -->}}<!-- end if -->}}<!-- end vd -->{{Hatnote|<!-- -->{{#if:{{{2|}}}|Main Articles|Main Article}}: {{#var:text}}.<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> 6efc935aca87f0cd986b92de62e51203fd240f7e 10 129 144 2024-05-10T02:24:46Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Article", "description": "A main article.", "example": "Article", "type": "wiki-page-name", "required": true }, "2": { "label": "Second Article", "description": "A second main article.", "example": "Second Article", "type": "wiki-page-name" }, "3": { "label": "Third Article", "description": "A third main article.", "example": "Third Article", "type": "wiki-page-name" } }, "description": "This hatnote template is meant to be in sections of an article mentioning information about another existing main article.", "paramOrder": [ "1", "2", "3" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Main|Page One}}</nowiki></code> || {{Main|Page One}} |- | <code><nowiki>{{Main|Page One#Section Title}}</nowiki></code> || {{Main|Page One#Section Title}} |- | <code><nowiki>{{Main|Page One|Page Two}}</nowiki></code> || {{Main|Page One|Page Two}} |- | <code><nowiki>{{Main|Page One|Page Two|Page Three}}</nowiki></code> || {{Main|Page One|Page Two|Page Three}} |- | <code><nowiki>{{Main|Page One{{!}}Page 1}}</nowiki></code> (Custom link label) || {{Main|Page One{{!}}Page 1}} |} == Dependencies == This template requires the {{tl|Hatnote}} metatemplate. == Source == Roughly based on [[wikipedia:Template:For|Wikipedia's For Template]]. <noinclude>[[Category:Template documentation]]</noinclude> cdbd2dc92cfb1dc5e44e262af860fddf2b9f0e28 10 130 145 2024-05-10T02:24:48Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = purple | icon = Merge.svg | message = It has been proposed that this page be [[support:Merge|merged]] with [[{{{1}}}]]. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for merging]]}}</includeonly><!-- --><noinclude>{{Merge|Template:Merge|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 9975c110e793cc1943eac9ea8e62257d704ab853 10 131 146 2024-05-10T02:24:49Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 132 147 2024-05-10T02:24:52Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <code>{{[[Module:{{{1}}}|{{{1}}}]]}}^m{{#if:{{{2|}}}|.{{{2}}}()}}</code><noinclude> * <code><nowiki>{{Ml|Example}}</nowiki></code> generates {{Ml|Example}}. * <code><nowiki>{{Ml|ProcessArgs|norm}}</nowiki></code> generates {{Ml|ProcessArgs|norm}}. [[Category:Formatting templates]] </noinclude> fbeb0794faecce9ff02ad11f9c7cb9dc8fdf4fec 10 133 148 2024-05-10T02:24:53Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = darkorange | icon = Move.svg | message = It has been proposed that this page be moved to [[{{{1}}}]]. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for moving]]}}</includeonly><!-- --><noinclude>{{Move|Template:Ambox{{!}}Example|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> dc4fd9090208e453457d6d2df193b9a7ee3b562d 10 134 149 2024-05-10T02:24:54Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 135 150 2024-05-10T02:24:55Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{#invoke:Navbox|navbox}}</includeonly><noinclude>[[Category:Navigation templates]] {{documentation}}</noinclude> 77a8826ed2275625c76b3bdbb1905ea21d63d23c 10 136 151 2024-05-10T02:24:56Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {{UsesLua}} This template allows a navigational template to be set up relatively quickly by supplying it with one or more lists of links. Using this template is highly recommended for standardization of navigational templates, and for ease of use. == Usage == Please remove the parameters that are left blank. <syntaxhighlight lang="wikitext" style="overflow: auto;">{{Navbox | name = {{subst:PAGENAME}} | title = | listclass = hlist | state = {{{state|}}} | above = | image = | group1 = | list1 = | group2 = | list2 = | group3 = | list3 = <!-- ... --> | below = }} </syntaxhighlight> == Parameter list == {{Navbox | name = Navbox/doc | state = uncollapsed | title = {{{title}}} | above = {{{above}}} | image = {{{image}}} | group1 = {{{group1}}} | list1 = {{{list1}}} | group2 = {{{group2}}} | list2 = {{{list2}}} | list3 = {{{list3}}} ''without {{{group3}}}'' | group4 = {{{group4}}} | list4 = {{{list4}}} | below = {{{below}}} }} The navbox uses lowercase parameter names, as shown in the box (''above''). The required ''name'' and ''title'' will create a one-line box if other parameters are omitted. Notice "group1" (etc.) is optional, as are sections named "above/below". {{clear}} The basic and most common parameters are as follows (see [[#Parameter descriptions|below]] for the full list): : <code>name</code> – the name of the template. : <code>title</code> – text in the title bar, such as: <nowiki>[[Widget stuff]]</nowiki>. : <code>class</code> - an optional CSS class for the entire navbox, to enable custom styling. : <code>listclass</code> – a CSS class for the list cells, usually <code>hlist</code> for horizontal lists. : <code>state</code> – controls when a navbox is expanded or collapsed. : <code>above</code> – text to appear above the group/list section (could be a list of overall wikilinks). : <code>image</code> – an optional right-side image, coded as the whole image. Typically it is purely decorative, so it should be coded as <code><nowiki>[[File:</nowiki><var>XX</var><nowiki>.jpg|80px|link=|alt=]]</nowiki></code>. : <code>imageleft</code> – an optional left-side image (code the same as the "image" parameter). : <code>group_n</code> – the left-side text before list-n (if group-n omitted, list-n starts at left of box). : <code>list_n</code> – text listing wikilinks using a [[wikipedia:Help:Lists|wikilist]] format. : <code>below</code> – optional text to appear below the group/list section. == Parameter descriptions == The following is a complete list of parameters for using {{tlx|Navbox}}. In most cases, the only required parameters are <code>name</code>, <code>title</code>, and <code>list1</code>. === Setup parameters === :; ''name'' :: The name of the template, which is needed for the "V&nbsp;• T&nbsp;• E" ("View&nbsp;• Talk&nbsp;• Edit") links to work properly on all pages where the template is used. You can enter <code><nowiki>{{subst:PAGENAME}}</nowiki></code> for this value as a shortcut. The name parameter is only mandatory if a <code>title</code> is specified, and the <code>border</code> parameter is not set, and the <code>navbar</code> parameter is not used to disable the navbar. :; ''state'' <span style="font-weight:normal;">[<code>autocollapse, collapsed, expanded, plain, off</code>]</span> :* Defaults to <code>autocollapse</code>. A navbox with <code>autocollapse</code> will start out collapsed if there are two or more tables on the same page that use other collapsible tables. Otherwise, the navbox will be expanded. :* If set to <code>collapsed</code>, the navbox will always start out in a collapsed state. :* If set to <code>expanded</code>, the navbox will always start out in an expanded state. :* If set to <code>plain</code>, the navbox will always be expanded with no [hide] link on the right, and the title will remain centered (by using padding to offset the <small>V&nbsp;• T&nbsp;• E</small> links). :* If set to <code>off</code>, the navbox will always be expanded with no [hide] link on the right, but no padding will be used to keep the title centered. This is for advanced use only; the "plain" option should suffice for most applications where the [show]/[hide] button needs to be hidden. : To show the box when standalone (non-included) but then auto-hide contents when in an article, put "expanded" inside <code>&lt;noinclude|&gt;</code>...<code>&lt;/noinclude|&gt;</code> tags. This setting will force the box visible when standalone (even when followed by other boxes), displaying "[hide]", but then it will auto-collapse the box when stacked inside an article: :: <code><nowiki>| state =&nbsp;</nowiki></code><code>&lt;noinclude|&gt;</code>expanded<code>&lt;/noinclude|&gt;</code> : Often times, editors will want a default initial state for a navbox, which may be overridden in an article. Here is the trick to do this: :* In your intermediate template, create a parameter also named "state" as a pass-through like this: :: <code><nowiki>| state = {{{state<includeonly>|your_desired_initial_state</includeonly>}}}</nowiki></code> :* The <code>&lt;includeonly&gt;</code><code>|</code> will make the template expanded when viewing the template page by itself. :; ''navbar'' :: If set to <code>plain</code>, the <span style="font-size: 88%;">V&nbsp;• T&nbsp;• E</span> links on the left side of the titlebar will not be displayed, and padding will be automatically used to keep the title centered. Use <code>off</code> to remove the <span style="font-size: 88%;">V&nbsp;• T&nbsp;• E</span> links, but not apply padding (this is for advanced use only; the "plain" option should suffice for most applications where a navbar is not desired). It is highly recommended that one not hide the navbar, in order to make it easier for users to edit the template, and to keep a standard style across pages. : ''See later section on [[#Child navboxes|using navboxes within one another]] for examples and a more complete description.'' If set to <code>child</code> or <code>subgroup</code>, then the navbox can be used as a borderless child that fits snugly in another navbox. The border is hidden and there is no padding on the sides of the table, so it fits into the ''list'' area of its parent navbox. If set to <code>none</code>, then the border is hidden and padding is removed, and the navbox may be used as a child of another container (do not use the <code>none</code> option inside of another navbox; similarly, only use the <code>child</code>/<code>subgroup</code> option inside of another navbox). If set to anything else (default), then a regular navbox is displayed with a 1px border. An alternate way to specify the border to be a subgroup style is like this (i.e. use the first unnamed parameter instead of the named ''border'' parameter): :<pre>{{Navbox|child|...}}</pre> === Cells === ; ''title''* : Text that appears centered in the top row of the table. It is usually the template's topic, i.e. a succinct description of the body contents. This should be a single line, but if a second line is needed, use <code><nowiki>{{-}}</nowiki></code> to ensure proper centering. This parameter is technically not mandatory, but using {{tl|Navbox}} is rather pointless without a title. ; ''above''* : A full-width cell displayed between the titlebar and first group/list, i.e. ''above'' the template's body (groups, lists and image). In a template without an image, ''above'' behaves in the same way as the ''list1'' parameter without the ''group1'' parameter. ; ''group_n''* : (i.e. ''group1'', ''group2'', etc.) If specified, text appears in a header cell displayed to the left of ''list_n''. If omitted, ''list_n'' uses the full width of the table. ; ''list_n''* : (i.e. ''list1'', ''list2'', etc.) The body of the template, usually a list of links. Format is inline, although the text can be entered on separate lines if the entire list is enclosed within <code><nowiki><div> </div></nowiki></code>. At least one ''list'' parameter is required; each additional ''list'' is displayed in a separate row of the table. Each ''list_n'' may be preceded by a corresponding ''group_n'' parameter, if provided (see below). :Entries should be separated using a newline and an asterisk (*). If instead two asterisks are used, it provides [[wikipedia:Nesting (computing)|nesting]] within the previous entry by enclosing the entry with brackets. Increasing the number of asterisks used increases the number of brackets around entries. ; ''imageleft''* : An image to be displayed in a cell below the title and to the left of the body (lists). For the image to display properly, the ''list1'' parameter must be specified and no groups can be specified. It accepts the same sort of parameter that ''image'' accepts. ; ''below''* : A full-width cell displayed ''below'' the template's body (groups, lists and image). == Layout of table == ===Without image, above and below=== Table generated by {{tl|Navbox}} '''without''' ''image'', ''above'' and ''below'' parameters: {{Navbox | name = Navbox/doc | state = uncollapsed | title = {{{title}}} | group1 = {{{group1}}} | list1 = {{{list1}}} | group2 = {{{group2}}} | list2 = {{{list2}}} | list3 = {{{list3}}} ''without {{{group3}}}'' | group4 = {{{group4}}} | list4 = {{{list4}}} }} ===With image, above and below=== Table generated by {{tl|Navbox}} '''with''' ''image'', ''above'' and ''below'' parameters: {{Navbox | name = Navbox/doc | state = uncollapsed | image = {{{image}}} | title = {{{title}}} | above = {{{above}}} | group1 = {{{group1}}} | list1 = {{{list1}}} | group2 = {{{group2}}} | list2 = {{{list2}}} | list3 = {{{list3}}} ''without {{{group3}}}'' | group4 = {{{group4}}} | list4 = {{{list4}}} | below = {{{below}}} }} ===With image and without groups=== Table generated by {{tl|Navbox}} '''with''' ''image'', ''imageleft'', ''lists'', and '''without''' ''groups'', ''above'', ''below'': {{Navbox | name = Navbox/doc | state = uncollapsed | image = {{{image}}} | imageleft = {{{imageleft}}} | title = {{{title}}} | list1 = {{{list1}}} | list2 = {{{list2}}} | list3 = {{{list3}}} | list4 = {{{list4}}} }} == Examples == == TemplateData == <templatedata> { "params": { "state": { "label": "State", "description": "Controls when a navbox is expanded or collapsed", "example": "autocollapse", "suggestedvalues": [ "autocollapse", "collapsed", "expanded", "plain", "off" ], "default": "autocollapse", "suggested": true }, "title": { "label": "Title", "description": "Text in the title bar; centered in the top row of the table. Usually the template's topic.", "example": "[[Template:Navbox]]", "suggested": true }, "above": { "label": "Above", "description": "Full-width cell displayed between the titlebar and first group/list, i.e. above the template's body (groups, lists and image)", "type": "string", "suggested": true }, "image": { "label": "Image", "description": "Image to be displayed in a cell below the title and to the right of the body", "example": "[[File:XX.jpg | 80px | link= | alt= ]]", "type": "wiki-file-name", "suggested": true }, "group1": { "label": "Group 1", "description": "If specified, text appears in a header cell displayed to the left of list 1. If omitted, list 1 uses the full width of the table.", "suggested": true }, "list1": { "label": "List 1", "description": "Body of the template; usually a list of links. Format is inline. At least one list parameter is required; each additional list is displayed in a separate row of the table. Each listn may be preceded by a corresponding groupn parameter.\nEntries should be separated using a newline and an asterisk. If two asterisks are used, it provides nesting within the previous entry with brackets.", "required": true, "suggested": true }, "group2": { "suggested": true }, "list2": { "suggested": true }, "list3": { "suggested": true }, "group3": { "suggested": true }, "group4": {}, "list4": {}, "below": { "label": "Below", "description": "Full-width cell displayed below the template's body.", "suggested": true }, "imageleft": { "label": "Image left", "description": "Image to be displayed in a cell below the title and to the left of the body. For the image to display properly, list1 parameter must be specified and no groups can be specified.", "example": "[[File:XX.jpg | 80px | link= | alt= ]]", "type": "wiki-file-name" }, "name": { "label": "Name", "description": "The name of the template. Needed for \"View • Talk • Edit\" links to work properly.", "type": "string", "default": "{{subst:PAGENAME}}", "suggested": true }, "class": { "label": "Navbox class", "description": "CSS class for the navbox.", "example": "navbox-items", "type": "string" }, "listclass": { "label": "List class", "description": "CSS class for the list cells, usually hlist for horizontal lists.", "example": "hlist", "type": "string" }, "navbar": { "label": "Navbar status", "example": "plain, off", "type": "string" }, "border": { "label": "Border status", "example": "child, subgroup, none", "type": "string" }, "evenodd": { "suggestedvalues": [ "swap", "even", "odd", "off" ] } }, "description": "Creates a navigational box for links to other pages.", "paramOrder": [ "name", "title", "class", "group1", "list1", "listclass", "state", "above", "below", "image", "group2", "list2", "group3", "list3", "group4", "list4", "imageleft", "navbar", "border", "evenodd" ] } </templatedata> <noinclude>[[Category:Template documentation]]</noinclude> 9c66c130f1d08d552a147b459909f2955ac8da45 10 137 152 2024-05-10T02:24:57Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:No direct use]] 8448af1f61f0d64a84806b006c70670d9296acde 10 138 153 2024-05-10T02:24:59Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{ambox|icon=Warning-red.svg|title='''Don't call this template directly from any content page!''' |message=This template is intended to be used inside of another template. Then that template in turn may be used on content pages. |color=red }}</includeonly><noinclude>{{documentation}} [[Category:Notice templates]]</noinclude> 72f49bdd34be1bcb8d1a6f91015ddce6912103db 10 139 154 2024-05-10T02:25:00Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:Ambox/doc]] 68bfb03f8f28c95443c7b1997f252c236bf87256 10 140 155 2024-05-10T02:25:01Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:Nowrap]] 269180d5083536bbbf72d889477805cfde7aac9e 10 141 156 2024-05-10T02:25:02Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <span style{{=}}"font-weight:normal; font-style:normal">{{{1}}}</span><noinclude> {{documentation}} </noinclude> f1d74e033cde1ce3b2efdc98b78fb863b8524fcf 10 142 157 2024-05-10T02:25:04Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <span class="nowrap">{{{1}}}</span><noinclude> {{documentation}} </noinclude> 8817bafce418a08a72f3425283fc03d04a2d8d44 10 143 158 2024-05-10T02:25:05Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki &#124;<noinclude>{{documentation}}</noinclude> 9d1875aa686e4e25a0994448a39d057e91541788 10 144 159 2024-05-10T02:25:06Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 145 160 2024-05-10T02:25:07Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- --><div class="quote"><!-- start quote wrapper --><div class="marks-wrapper"><!-- start marks wrapper --><div class="block"><!-- start quote block -->{{#if:{{{title|}}}|<div class="title">{{{title}}}</div>|}}<!-- -->{{#if:{{{text|{{{1|}}}}}}|<div class="text">{{{text|{{{1|}}}}}}</div>|}}<!-- --></div><!-- end quote block --></div><!-- end marks wrapper -->{{#if:{{{author|}}}|<div class="author">― {{#if:{{{authorpage|}}}| [[{{{authorpage}}}|{{{author}}}]] | {{{author}}} }}</div>|}}<!-- --></div></includeonly><noinclude>{{Documentation}}[[Category:Formatting templates]]</noinclude> 4068bd07d27429291e64025ee67d91eaf78fe06e 10 146 161 2024-05-10T02:25:08Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <templatedata> { "params": { "title": { "label": "Title", "description": "If the quote as a title, put it here.", "example": "Quote's Title", "type": "line" }, "text": { "label": "Quoted Text", "description": "The quoted text to be displayed.", "example": "Example quote text here.", "type": "string", "required": true }, "author": { "label": "Quote's Author", "description": "The author of the displayed quote.", "example": "John Doe", "type": "line", "suggested": true }, "authorpage": { "label": "Author's Page", "description": "If the quote's author has a page on the Wiki, put the page name here.", "example": "John Doe", "type": "wiki-page-name", "suggested": true } }, "description": "This template creates a styled block element for quotes.", "paramOrder": [ "text", "author", "authorpage", "title" ], "format": "block" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <pre>{{Quote|text=Text content here.}}</pre> || {{Quote|text=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing.}} |- | <pre>{{Quote |title=Title |text=Text content here. }}</pre> || {{Quote|title=Title|text=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing.}} |- | <pre>{{Quote |title=Title |text=Text content here. |author=Author }}</pre> || {{Quote|title=Title|text=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing.|author=Author}} |- | <pre>{{Quote |title=Title |text=Text content here. |author=Author |authorpage=Author Page }}</pre> || {{Quote|title=Title|text=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing.|author=Author|authorpage=Author Page}} |- | <pre>{{Quote |title=Text content here. |author=Author |authorpage=Author Page }}</pre> || {{Quote|text=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing.|author=Author|authorpage=Author Page}} |} == Dependencies == For this template to work properly, you need the following: * The <code>.quote</code> and any related classes, found in [[MediaWiki:Common.css]]. <noinclude>[[Category:Template documentation]]</noinclude> c00197137eecde64fc76b4bd45f59efdc131f182 10 147 162 2024-05-10T02:25:09Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:pages|<!-- start vd -->{{#if:{{{2|}}}<!-- if more than one page -->|new pages titled [[{{{1}}}]]{{#if:{{{3|}}}<!-- start concat if -->|, [[{{{2}}}]] and [[{{{3}}}]]<!-- concat two -->|<nowiki> </nowiki>and [[{{{2}}}]]<!-- else; concat one -->}}<!-- end concat if -->|a new page titled [[{{{1}}}]]<!-- else; one page only -->}}<!-- end if -->}}<!-- end vd -->{{Ambox | color = purple | icon = Split.svg | message = It has been proposed that this page be split into {{#var:pages}}. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for splitting]]}}</includeonly><!-- --><noinclude>{{Split|Template:Ambox{{!}}Example|nocat=yes}} {{Split|Template:Ambox{{!}}Example 1|Template:Ambox{{!}}Example 2|Template:Ambox{{!}}Example 3|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 73f5044c8b972e18c3b7880f94b0644e4a0e6ac7 10 148 163 2024-05-10T02:25:10Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 149 164 2024-05-10T02:25:12Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- Base code written for Terraria Wiki: https://terraria.wiki.gg/wiki/Template:Spoiler NOTE: This template needs a JavaScript function in MediaWiki:Common.js or MediaWiki:Vector.js to work, as well as styling in MediaWiki:Common.css or MediaWiki:Vector.css for the related classes --><span class="spoiler-content {{#if:{{{hover|}}}|hover}} {{{class|}}}" id="{{{id|}}}" style="{{{css|{{{style|}}}}}}"><span>{{{1|}}}</span></span><!-- --></includeonly><noinclude> {{doc}} [[Category:Formatting templates]] </noinclude> ec002b9faa663adc047437f972dc0f4233d6c42f 10 150 165 2024-05-10T02:25:13Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <templatedata> { "params": { "1": { "aliases": [ "text" ], "label": "Text", "description": "The text to be shown.", "example": "Character A died during the battle.", "type": "content", "required": true }, "hover": { "label": "Show on Hover?", "description": "Show spoiler text on mouse hover.", "example": "hover=yes", "type": "boolean", "default": "hover=no" } }, "description": "This template can be used to mark text as a spoiler.", "maps": { "1": {} }, "paramOrder": [ "1", "hover" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{spoiler|spoiler text}}</nowiki></code> (Click to toggle) || {{spoiler|spoiler text}} |- | <code><nowiki>{{spoiler|spoiler text|hover=yes}}</nowiki></code> (Click to toggle, hover to reveal) || {{spoiler|spoiler text|hover=yes}} |- | <code><nowiki>{{spoiler|spoiler text with a [[Template:Navbox|link]]}}</nowiki></code> (Click to toggle) || {{spoiler|spoiler text with a [[Template:Navbox|link]]}} |- | <code><nowiki>{{spoiler|spoiler text with a [[Template:Navbox|link]]|hover=yes}}</nowiki></code> (Click to toggle, hover to reveal) || {{spoiler|spoiler text with a [[Template:Navbox|link]]|hover=yes}} |} == Dependencies == For this template to work properly, you need the following: * The small JavaScript code for toggling the <code>.spoiler</code> class on/off on click, found in [[MediaWiki:Common.js]]. * The <code>.spoiler-content</code> and any related classes, found in [[MediaWiki:Common.css]]. == Source == Base code adapted from [https://terraria.wiki.gg/wiki/Template:Spoiler Template:Spoiler on Terraria Wiki]. <noinclude>[[Category:Template documentation]]</noinclude> 239efc701ba62bd2d87e9a87e369aeecb2eddd7f 10 151 166 2024-05-10T02:25:14Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {{Ambox | color = red | icon = Warning-red.svg | title = Spoiler Warning | message = This page contains '''spoilers'''. View at your own discretion. | tiny = {{{tiny|}}} | class = {{{class|}}} }}<noinclude>{{doc}}</noinclude> 06bff33f547d6b08794a2f9b6537b19478b2866e 10 152 167 2024-05-10T02:25:15Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 153 168 2024-05-10T02:25:16Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = gold | icon = Stub.svg | message = This page is a [[support:Stub|stub]]. You can help '''{{SITENAME}}''' by [{{fullurl:{{FULLPAGENAME}}|action=edit}} expanding it]. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Stubs]]}}</includeonly><!-- --><noinclude>{{Stub|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 1effeb7d6eb04a0b11c76b8bfa871703461c9344 10 154 169 2024-05-10T02:25:17Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:Ambox/doc]] 68bfb03f8f28c95443c7b1997f252c236bf87256 10 155 170 2024-05-10T02:25:19Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <code style="white-space: nowrap;">{{[[Template:{{{1}}}|{{{1}}}]]}}</code><noinclude> {{documentation}} [[Category:Formatting templates]] </noinclude> 2ad76a8ea6275cccf4d31437a65d0f96f38d0d76 10 156 171 2024-05-10T02:25:19Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki This template returns an exemplaric use of a template while linking to the template description page, if the template exists. == Usage == <pre> {{tl|<Template name>}} {{tl|<Template name>|<Template parameters>}} </pre> ; ''unnamed parameter'' 1 : Template name (without <code>Template:</code> prefix) ; ''unnamed parameter'' 2 - 9 : Optional. Template parameters ; nl : Optional flag to display an un-linked template usage. === Parameters with “{{=}}” === Use <code><nowiki>{{=}}</nowiki></code> instead of a normal equality symbol when using Tl. == Examples == : <code><nowiki>{{tl|stub}}</nowiki></code> returns {{tl|stub}} : <code><nowiki>{{tl|stub|1}}</nowiki></code> returns {{tl|stub|1}} : <code><nowiki>{{tl|stub|1|2|nl=y}}</nowiki></code> returns {{tl|stub|1|2|nl=y}} : <code><nowiki>{{tl|see|page|t1{{=}}alt text}}</nowiki></code> returns {{tl|see|page|t1{{=}}alt text}} == See also == <includeonly> [[Category:Formatting templates]] </includeonly> <noinclude>[[Category:Template documentation]]</noinclude> 875c9a664de1d98793b234252372483b212a51b3 10 157 172 2024-05-10T02:25:21Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:Tl]] af3906f239c45d791753d3170c656eddd6d1af5f 10 158 173 2024-05-10T02:26:22Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Uses Lua]] 9675a92267565619bc6418ec4e88163985302408 10 159 174 2024-05-10T02:26:24Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = darkblue | icon = Lua logo.svg | title= This template uses one or more modules written in the Lua programming language. | message = For more information, see [https://en.wikipedia.org/wiki/Wikipedia:Lua Wikipedia:Lua] or the [https://www.mediawiki.org/wiki/Extension:Scribunto/Lua_reference_manual Lua reference manual] on mediawiki.org. Modules used include: {{#if:{{{1|}}}|{{#arraymaptemplate:{{{1|}}}|UsesLua/Modules}}|''None provided''}}. | tiny = {{{tiny|}}} | class = {{{class|}}} }}</includeonly><noinclude>{{doc}}</noinclude> 5a0f54b13a94e8dd2ee8b13f2fc7cdb242e1143f 10 160 175 2024-05-10T02:26:25Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 14 161 176 2024-05-10T02:26:27Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 162 177 2024-05-10T02:26:28Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki This is the top-level category. It contains meta categories and pages about the wiki. 8935f2b3e97edfeadd7bb206f1e17c03099ec24a 14 163 178 2024-05-10T02:26:29Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 164 179 2024-05-10T02:26:30Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 165 180 2024-05-10T02:26:31Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 166 181 2024-05-10T02:26:32Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki These categories are hidden on article pages. [[Category:Wiki maintenance]] e4d17499a8377d3f2b4b4a618a671e53111f43ca 14 167 182 2024-05-10T02:26:33Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Media]] b141d2b9971d6efe9f59bd03449781e71411c631 14 168 183 2024-05-10T02:26:34Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 169 184 2024-05-10T02:26:35Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Template documentation]] e65ecf60878d4707b3b4c1e3962615e2d5f3b2ab 14 170 185 2024-05-10T02:26:36Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:{{SITENAME}}]] dd8aaa34cf600c1567d240a3f4bc615164a11592 14 171 186 2024-05-10T02:26:37Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 172 187 2024-05-10T02:26:38Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Images]] 8820b63e35aedd9d2666fe40b965d4e91ce0a106 14 173 188 2024-05-10T02:26:39Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ __HIDDENCAT__ [[Category:Wiki maintenance]] 57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97 14 174 189 2024-05-10T02:26:40Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:{{SITENAME}}]] dd8aaa34cf600c1567d240a3f4bc615164a11592 14 175 190 2024-05-10T02:26:41Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 176 191 2024-05-10T02:26:42Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 177 192 2024-05-10T02:26:43Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 178 193 2024-05-10T02:26:44Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 179 194 2024-05-10T02:26:45Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ __HIDDENCAT__ [[Category:Wiki maintenance]] 57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97 14 180 195 2024-05-10T02:26:46Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ __HIDDENCAT__ [[Category:Wiki maintenance]] 57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97 14 181 196 2024-05-10T02:26:47Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 182 197 2024-05-10T02:26:48Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 183 198 2024-05-10T02:26:49Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 184 199 2024-05-10T02:26:50Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 185 200 2024-05-10T02:26:51Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 186 201 2024-05-10T02:26:52Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 187 202 2024-05-10T02:26:53Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 188 203 2024-05-10T02:27:55Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 189 204 2024-05-10T02:27:56Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 190 205 2024-05-10T02:27:57Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Wiki maintenance]] 197b5fc8ebad5537759adacc0079b4b2662cb4c4 14 191 206 2024-05-10T02:27:58Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 192 207 2024-05-10T02:28:00Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 193 208 2024-05-10T02:28:01Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Wiki maintenance]] 197b5fc8ebad5537759adacc0079b4b2662cb4c4 14 194 209 2024-05-10T02:28:03Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 195 210 2024-05-10T02:28:04Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 196 211 2024-05-10T02:28:05Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 197 212 2024-05-10T02:28:06Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 198 213 2024-05-10T02:28:08Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 199 214 2024-05-10T02:28:09Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Images]] 8820b63e35aedd9d2666fe40b965d4e91ce0a106 14 200 215 2024-05-10T02:28:10Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 201 216 2024-05-10T02:28:11Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] [[Category:Wiki maintenance]] c1800be0da4588b3b652fa5324aade2c496fb3c5 14 202 217 2024-05-10T02:28:13Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:{{SITENAME}}]] dd8aaa34cf600c1567d240a3f4bc615164a11592 14 203 218 2024-05-10T02:28:13Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Templates]] [[Category:Wiki maintenance]] b1ff76c0593194e53e6bf42f37ca337a5493c57e 14 204 219 2024-05-10T02:28:15Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki The sub-categories of this category contain pages that have been identified as needing attention for one or more of the following reasons: * Changes have been suggested that should be discussed first or are under discussion. * The page has flaws that need addressing by an editor with the knowledge or skills to help. * The action the page needs requires special rights. ''See also:'' * [[Special:BrokenRedirects|Broken redirects]] * [[Special:DoubleRedirects|Double redirects]] * [[Special:UncategorizedCategories|Uncategorized categories]] * [[Special:UncategorizedFiles|Uncategorized files]] * [[Special:UncategorizedPages|Uncategorized pages]] * [[Special:UncategorizedTemplates|Uncategorized templates]] * [[Special:WantedCategories|Wanted categories]] * [[Special:WantedFiles|Wanted files]] * [[Special:WantedPages|Wanted pages]] * [[Special:WantedTemplates|Wanted templates]] * [[Special:TrackingCategories|Other special tracking categories]] [[Category:{{SITENAME}}]] 4b90dc0dbd8c91e131e4ffcf22360b1c837b9717 14 205 220 2024-05-10T02:28:16Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Images]] 8820b63e35aedd9d2666fe40b965d4e91ce0a106 828 206 221 2024-05-10T02:28:17Z RheingoldRiver 2743 Adding default set of pages Scribunto text/plain local p = {} function p.merge() local f = mw.getCurrentFrame() local origArgs = f.args local parentArgs = f:getParent().args local args = {} for k, v in pairs(origArgs) do v = mw.text.trim(tostring(v)) if v ~= '' then args[k] = v end end for k, v in pairs(parentArgs) do v = mw.text.trim(v) if v ~= '' then args[k] = v end end return args end return p 1d1b2105bd857dcc5e33c8c0a8a780f67cbae72e 828 207 222 2024-05-10T02:28:18Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki This is a basic module for processing args. Usage: <syntaxhighlight lang="lua"> local util_args = require('Module:ArgsUtil') local p = {} function p.main(frame) local args = util_args.merge() -- it is not necessary to pass a `frame` object; `merge` will generate its own mw.logObject(args) -- `args` now contains args passed via the template merged with defaults provided directly via the invoke. -- anything the user sent via the template will be given priority. end return p </syntaxhighlight> == Extending this module == By design, {{ml|ArgsUtil}} is shipped with only a single function and no customization available; this simplifies documentation and covers nearly all use cases. An extended version of this module is available at [[support:Module:ArgsUtil|Module:ArgsUtil on the support wiki]] if you want additional functionality; and you can of course feel free to modify this module on your own wiki as needed. 6fc2a23dcff62ac5a222903e46bc56c07b0a2b1f 828 208 223 2024-05-10T02:28:20Z RheingoldRiver 2743 Adding default set of pages Scribunto text/plain local counter -- default value to show if a param is missing in some but not all tabs. -- set to `nil` (not in quotes) to remove such rows altogether in the tabs where they're missing local TABBED_NONEXIST = '' local h = {} local p = {} function p.arraymap(frame) -- a lua implementation of Page Forms' arraymap local args = h.overwrite() local items = h.split(args[1], args[2] or ',') for i, item in ipairs(items) do items[i] = args[4]:gsub(args[3], item) end return table.concat(items, args[5] or ',') end function p.preprocess(frame) return frame:preprocess(frame.args[1] or frame:getParent().args[1]) end function p.main(frame) h.increment() local args = h.overwrite() local sep = args.sep or ',' h.castArgs(args, sep) h.setMainImage(args.images[1]) return h.makeInfobox(args, sep) end function h.increment() counter = mw.getCurrentFrame():callParserFunction('#var', {'DRUID_INFOBOX_ID', 0}) + 1 mw.getCurrentFrame():callParserFunction('#vardefine', {'DRUID_INFOBOX_ID', counter}) end function h.castArgs(args, sep) args.tabs = h.split(args.tabs or args.image_labels, sep) args.images = h.getImages(args, sep) args.sections = h.split(args.sections, sep) for _, section in ipairs(args.sections) do args[section] = h.split(args[section], sep) end end function h.getImages(args, sep) if args.image and not args.images then args.images = args.image end if args.images then return h.split(args.images, sep) end if not args.tabs then return {} end local ret = {} for _, key in ipairs(args.tabs) do if args[key .. '_image'] then ret[#ret+1] = args[key .. '_image'] end end return ret end function h.setMainImage(file) if not file then return end mw.getCurrentFrame():callParserFunction{ name = '#setmainimage', args = { file:gsub('File:', '') }, } end function h.makeInfobox(args, sep) local out = mw.html.create('table') :addClass('druid-infobox') :addClass('druid-container') :attr('id', 'druid-container-' .. counter) if args.kind then out:addClass('druid-container-' .. h.escape(args.kind)) end if args.title then out:tag('tr') :tag('th') :addClass('druid-title') :attr('colspan', 2) :wikitext(args.title) end h.printImages(out, args.images, args) for _, section in ipairs(args.sections) do -- cannot begin tagging here because we don't know if any applicable args are present local cols = args[section .. '_columns'] local makeSection = cols and h.makeGridSection or h.makeSection out:node(makeSection(section, args[section], args, tonumber(cols))) end return out end function h.printImages(out, images, args) if #images == 0 and #args.tabs == 0 then return end -- burden is on the user to format this as an image. this should be done in the infobox template, -- with something like |image={{#if:{{{image|}}}|[[File:{{{image|}}}{{!}}300px{{!}}link=]]}} local td = out:tag('tr') :tag('td') :attr('colspan', 2) h.printTabs(td, args.tabs, images, args) if #images == 0 then return end if #images == 1 then td:addClass('druid-main-image') :wikitext(images[1]) return end td:addClass('druid-main-images') local imagesContainer = td:tag('div') :addClass('druid-main-images-files') for i, item in ipairs(images) do local container = imagesContainer:tag('div') :addClass('druid-main-images-file') :addClass('druid-toggleable') :attr('data-druid', counter .. '-' .. i) :wikitext(item) local labelText = args[item .. '_label'] or item or ('[[Category:Infoboxes missing image labels]]Image ' .. i) if args[labelText .. '_caption'] then container:tag('div') :addClass('druid-main-images-caption') :wikitext(args[labelText .. '_caption']) end if i == 1 then container:addClass('focused') end end end function h.printTabs(td, tabs, images, args) if #tabs == 0 and #images <= 1 then return end local container = td:tag('div') :addClass('druid-main-images-labels') :addClass('druid-tabs') if #tabs == 0 then for i, _ in ipairs(images) do local labelText = '[[Category:Infoboxes missing image labels]]Image ' .. i h.printTab(container, labelText, i) end return end for i, item in ipairs(tabs) do local labelText = args[item .. '_label'] or item h.printTab(container, labelText, i) end end function h.printTab(container, text, i) local label = container:tag('div') :addClass('druid-main-images-label') :addClass('druid-tab') :addClass('druid-toggleable') :attr('data-druid', counter .. '-' .. i) :wikitext(text) if i == 1 then label:addClass('focused') end end function h.makeGridSection(section, sectionFields, args, numCols) local shouldPrint = false local node = mw.html.create() h.printSectionHeader(node, section, args) local tr = node:tag('tr') :attr('data-druid-section-row', h.escape(section)) if args[section .. '_collapsed'] then tr:addClass('druid-collapsed') end local grid = tr:tag('td') :attr('colspan', 2) :addClass('druid-grid-section') :addClass('druid-grid-section-' .. h.escape(section)) :tag('div') :addClass('druid-grid') local row = 1 local col = 1 local itemContainer for _, item in ipairs(sectionFields) do if args[item] then shouldPrint = true itemContainer = grid:tag('div') :addClass('druid-grid-item') :addClass('druid-grid-item-' .. h.escape(item)) :css('grid-column', col) :css('grid-row', row) if not args[item .. '_nolabel'] then h.printLabel(itemContainer:tag('div'), item, args) end h.printData(itemContainer:tag('div'), item, args) if col == numCols then row = row + 1 col = 1 else col = col + 1 end end end grid:css('grid-template-columns', ('repeat(%s, 1fr)'):format(row > 1 and numCols or col - 1)) if not shouldPrint then return nil end itemContainer:css('grid-column', ('%s / -1'):format(col - 1)) return node end function h.makeSection(section, sectionFields, args) local shouldPrint = false local node = mw.html.create() h.printSectionHeader(node, section, args) for _, item in ipairs(sectionFields) do if h.shouldPrint(item, args) then shouldPrint = true local tr = node:tag('tr') :addClass('druid-row') :addClass('druid-row-' .. h.escape(item)) :attr('data-druid-section-row', h.escape(section)) if args[section .. '_collapsed'] then tr:addClass('druid-collapsed') end if args[item .. '_wide'] or args[item .. '_nolabel'] then local td = h.printData(tr:tag('td'), item, args) td :attr('colspan', 2) :addClass('druid-data-wide') else h.printLabel(tr:tag('th'), item, args) h.printData(tr:tag('td'), item, args) end end end if not shouldPrint then return nil end return node end function h.shouldPrint(item, args) if args[item] then return true end for _, key in ipairs(args.tabs) do if args[key .. '_' .. item] then return true end end return false end function h.printLabel(node, item, args) return node :addClass('druid-label') :addClass('druid-label-' .. h.escape(item)) :wikitext(args[item .. '_display'] or args[item .. '_label'] or item) end function h.printData(node, item, args) if not args.tabs or #args.tabs == 0 then h.printSimpleData(node, item, args) return node end if not h.hasComplexData(item, args) then h.printSimpleData(node, item, args) return node end for i, label in ipairs(args.tabs) do local div = node:tag('div') :addClass('druid-toggleable-data') :addClass('druid-toggleable') :attr('data-druid', counter .. '-' .. i) if h.getTabbedContent(args, label, item) then div:wikitext('\n\n' .. h.getTabbedContent(args, label, item)) else div:addClass('druid-toggleable-data-empty') end if i == 1 then div:addClass('focused') end end return node end function h.getTabbedContent(args, label, item) return args[label .. '_' .. item] or args[item] or TABBED_NONEXIST end function h.printSimpleData(node, item, args) node:addClass('druid-data') :addClass('druid-data-' .. h.escape(item)) :wikitext('\n\n' .. args[item]) end function h.hasComplexData(item, args) for _, v in ipairs(args.tabs) do if args[v .. '_' .. item] then return true end end return false end function h.printSectionHeader(node, section, args) if args[section .. '_nolabel'] then return end local tr = node:tag('tr') :attr('data-druid-section', h.escape(section)) local th = tr:tag('th') :attr('colspan', 2) :addClass('druid-section') :addClass('druid-section-' .. h.escape(section)) if args[section .. '_collapsible'] then tr:addClass('druid-collapsible') if args[section .. '_collapsed'] then tr:addClass('druid-collapsible-collapsed') end end local emptySections = {} for _, label in ipairs(args.tabs) do local hasLabel = false for _, item in ipairs(args[section] or {}) do if h.getTabbedContent(args, label, item) then hasLabel = true end end if not hasLabel then emptySections[label] = true end end if not next(emptySections) then th:wikitext(args[section .. '_label'] or section) return end for i, label in ipairs(args.tabs) do local div = th:tag('div') :addClass('druid-toggleable-heading') :addClass('druid-toggleable') :attr('data-druid', counter .. '-' .. i) :wikitext(args[section .. '_label'] or section) -- we are going to print the section content even in empty nodes -- for compatibility with browsers without :has, where hiding empty rows won't happen if emptySections[label] then div:addClass('druid-toggleable-heading-empty') end if i == 1 then div:addClass('focused') end end end function h.overwrite() -- this is a generic utility function that collects args from the invoke call & the parent template. -- normally, you merge args with parent template overwriting the invoke call, but -- since we'll be putting markup/formatting into our invoke call, -- we actually want to overwrite what the user sent. local f = mw.getCurrentFrame() local origArgs = f.args local parentArgs = f:getParent().args local args = {} for k, v in pairs(parentArgs) do v = mw.text.trim(v) if v ~= '' then args[k] = v end end for k, v in pairs(origArgs) do v = mw.text.trim(tostring(v)) if v ~= '' then args[k] = v end end return args end -- generic utility functions -- these would normally be provided by other modules, but to make installation easy -- I'm including everything here function h.split(text, pattern, plain) if not text then return {} end local ret = {} for m in h.gsplit(text, pattern, plain) do ret[#ret+1] = m end return ret end function h.gsplit( text, pattern, plain ) if not pattern then pattern = ',' end if not plain then pattern = '%s*' .. pattern .. '%s*' end local s, l = 1, text:len() return function () if s then local e, n = text:find( pattern, s, plain ) local ret if not e then ret = text:sub( s ) s = nil elseif n < e then -- Empty separator! ret = text:sub( s, e ) if e < l then s = e + 1 else s = nil end else ret = e > s and text:sub( s, e - 1 ) or '' s = n + 1 end return ret end end, nil, nil end function h.escape(s) s = s:gsub(' ', '') :gsub('"', '') :gsub("'", '') :gsub("%?", '') :gsub("%%", '') :gsub("%[", '') :gsub("%]", '') :gsub("{", '') :gsub("}", '') :gsub("!", '') return s end return p 406af727258b941fab09583f2fb7cc93bdcd1c95 828 209 224 2024-05-10T02:28:21Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {{luadoc}} This module enables the creation of [[support:DRUID infoboxes|DRUID infoboxes]]. 2b023f1deb004fc1cb66271c10ccc2d99cc17c3d 828 210 225 2024-05-10T02:28:22Z RheingoldRiver 2743 Adding default set of pages Scribunto text/plain local p = {} local getArgs -- lazily initialized local args local format = string.format local function get_title_arg(is_collapsible, template) local title_arg = 1 if is_collapsible then title_arg = 2 end if template then title_arg = 'template' end return title_arg end local function add_link(link_description, ul, is_mini) local l if link_description.url then l = {'[', '', ']'} else l = {'[[', '|', ']]'} end ul:tag('li') :addClass('nv-' .. link_description.full) :wikitext(l[1] .. link_description.link .. l[2]) :tag(is_mini and 'abbr' or 'span') :attr('title', link_description.html_title) :wikitext(is_mini and link_description.mini or link_description.full) :done() :wikitext(l[3]) :done() end local function make_list(title_text, has_brackets, is_mini) local title = mw.title.new(mw.text.trim(title_text), 'Template') if not title then error('Invalid title ' .. title_text) end local talkpage = title.talkPageTitle and title.talkPageTitle.fullText or '' local link_descriptions = { { ['mini'] = 'v', ['full'] = 'view', ['html_title'] = 'View this template', ['link'] = title.fullText, ['url'] = false }, { ['mini'] = 'e', ['full'] = 'edit', ['html_title'] = 'Edit this template', ['link'] = title:fullUrl('action=edit'), ['url'] = true }, { ['mini'] = 'h', ['full'] = 'hist', ['html_title'] = 'History of this template', ['link'] = title:fullUrl('action=history'), ['url'] = true }, } local ul = mw.html.create('ul') if has_brackets then ul:addClass('navbar-brackets') end for _, description in ipairs(link_descriptions) do add_link(description, ul, is_mini) end return ul:done() end local function navbar(args) local is_collapsible = args.collapsible local is_mini = args.mini local is_plain = args.plain local collapsible_class = nil if is_collapsible then collapsible_class = 'navbar-collapse' if not is_plain then is_mini = 1 end end local div = mw.html.create():tag('div') div :addClass('navbar') :addClass('plainlinks') :addClass('hlist') :addClass(collapsible_class) -- we made the determination earlier if is_mini then div:addClass('navbar-mini') end local box_text = (args.text or 'This box: ') .. ' ' -- the concatenated space guarantees the box text is separated if not (is_mini or is_plain) then div :tag('span') :addClass('navbar-boxtext') :wikitext(box_text) end local template = args.template local has_brackets = args.brackets local title_arg = get_title_arg(is_collapsible, template) local title_text = args[title_arg] or (':' .. mw.getCurrentFrame():getParent():getTitle()) local list = make_list(title_text, has_brackets, is_mini) div:node(list) if is_collapsible then local title_text_class if is_mini then title_text_class = 'navbar-ct-mini' else title_text_class = 'navbar-ct-full' end div:done() :tag('div') :addClass(title_text_class) :wikitext(args[1]) end return tostring(div:done()) end local function striped(wikitext, border) -- Return wikitext with markers replaced for odd/even striping. -- Child (subgroup) navboxes are flagged with a category that is removed -- by parent navboxes. The result is that the category shows all pages -- where a child navbox is not contained in a parent navbox. if border == 'subgroup' and args['orphan'] ~= 'yes' then -- No change; striping occurs in outermost navbox. return wikitext end local first, second = 'odd', 'even' if args['evenodd'] then if args['evenodd'] == 'swap' then first, second = second, first else first = args['evenodd'] second = first end end local changer if first == second then changer = first else local index = 0 changer = function (code) if code == '0' then -- Current occurrence is for a group before a nested table. -- Set it to first as a valid although pointless class. -- The next occurrence will be the first row after a title -- in a subgroup and will also be first. index = 0 return first end index = index + 1 return index % 2 == 1 and first or second end end return (wikitext:gsub('\127_ODDEVEN(%d?)_\127', changer)) -- () omits gsub count end local function processItem(item, nowrapitems) if item:sub(1, 2) == '{|' then -- Applying nowrap to lines in a table does not make sense. -- Add newlines to compensate for trim of x in |parm=x in a template. return '\n' .. item ..'\n' end if nowrapitems == 'yes' then local lines = {} for line in (item .. '\n'):gmatch('([^\n]*)\n') do local prefix, content = line:match('^([*:;#]+)%s*(.*)') if prefix and not content:match('^<span class="nowrap">') then line = format('%s<span class="nowrap">%s</span>', prefix, content) end table.insert(lines, line) end item = table.concat(lines, '\n') end if item:match('^[*:;#]') then return '\n' .. item ..'\n' end return item end -- we will want this later when we want to add tstyles for hlist/plainlist local function has_navbar() return args['navbar'] ~= 'off' and args['navbar'] ~= 'plain' and ( args['name'] or mw.getCurrentFrame():getParent():getTitle():gsub('/sandbox$', '') ~= 'Template:Navbox' ) end local function renderNavBar(titleCell) if has_navbar() then titleCell:wikitext(navbar{ [1] = args['name'], ['mini'] = 1, }) end end local function renderTitleRow(tbl) if not args['title'] then return end local titleRow = tbl:tag('tr') local titleCell = titleRow:tag('th'):attr('scope', 'col') local titleColspan = 2 if args['imageleft'] then titleColspan = titleColspan + 1 end if args['image'] then titleColspan = titleColspan + 1 end titleCell :addClass('navbox-title') :attr('colspan', titleColspan) renderNavBar(titleCell) titleCell :tag('div') -- id for aria-labelledby attribute :attr('id', mw.uri.anchorEncode(args['title'])) :addClass('navbox-title-text') :wikitext(processItem(args['title'])) tbl:tag('tr') :addClass('navbox-spacer') end local function getAboveBelowColspan() local ret = 2 if args['imageleft'] then ret = ret + 1 end if args['image'] then ret = ret + 1 end return ret end local function renderAboveRow(tbl) if not args['above'] then return end tbl:tag('tr') :tag('td') :addClass('navbox-abovebelow') :attr('colspan', getAboveBelowColspan()) :tag('div') -- id for aria-labelledby attribute, if no title :attr('id', args['title'] and nil or mw.uri.anchorEncode(args['above'])) :wikitext(processItem(args['above'], args['nowrapitems'])) tbl:tag('tr') :addClass('navbox-spacer') end local function renderBelowRow(tbl) if not args['below'] then return end tbl:tag('tr') :addClass('navbox-spacer') tbl:tag('tr') :tag('td') :addClass('navbox-abovebelow') :attr('colspan', getAboveBelowColspan()) :tag('div') :wikitext(processItem(args['below'], args['nowrapitems'])) end local function renderListRow(tbl, index, listnum, listnums_size) if index > 1 then tbl:tag('tr') :addClass('navbox-spacer') end local row = tbl:tag('tr') if index == 1 and args['imageleft'] then row :tag('td') :addClass('noviewer') :addClass('navbox-image') :css('width', '1px') -- Minimize width :css('padding', '0 2px 0 0') :attr('rowspan', listnums_size) :tag('div') :wikitext(processItem(args['imageleft'])) end local group_and_num = format('group%d', listnum) if args[group_and_num] then local groupCell = row:tag('th') -- id for aria-labelledby attribute, if lone group with no title or above if listnum == 1 and not (args['title'] or args['above'] or args['group2']) then groupCell :attr('id', mw.uri.anchorEncode(args['group1'])) end groupCell :attr('scope', 'row') :addClass('navbox-group') groupCell :wikitext(args[group_and_num]) end local listCell = row:tag('td') if args[group_and_num] then listCell :addClass('navbox-list-with-group') else listCell:attr('colspan', 2) end local list_and_num = format('list%d', listnum) local listText = args[list_and_num] local oddEven = '\127_ODDEVEN_\127' if listText:sub(1, 12) == '</div><table' then -- Assume list text is for a subgroup navbox so no automatic striping for this row. oddEven = listText:find('<th[^>]*"navbox%-title"') and '\127_ODDEVEN0_\127' or 'odd' end local listclass_and_num = format('list%dclass', listnum) listCell :css('padding', '0') :addClass('navbox-list') :addClass('navbox-' .. oddEven) :addClass(args['listclass']) :addClass(args[listclass_and_num]) :tag('div') :wikitext(processItem(listText, args['nowrapitems'])) if index == 1 and args['image'] then row :tag('td') :addClass('noviewer') :addClass('navbox-image') :css('width', '1px') -- Minimize width :css('padding', '0 0 0 2px') :attr('rowspan', listnums_size) :tag('div') :wikitext(processItem(args['image'])) end end local function renderMainTable(border, listnums) local tbl = mw.html.create('table') :addClass('nowraplinks') local state = args['state'] if args['title'] and state ~= 'plain' and state ~= 'off' then if state == 'collapsed' then state = 'mw-collapsed' end tbl :addClass('mw-collapsible') :addClass(state or 'autocollapse') end if border == 'subgroup' or border == 'none' then tbl :addClass('navbox-subgroup') else -- regular navbox tbl :addClass('navbox-inner') end renderTitleRow(tbl) renderAboveRow(tbl) local listnums_size = #listnums for i, listnum in ipairs(listnums) do renderListRow(tbl, i, listnum, listnums_size) end renderBelowRow(tbl) return tbl end function p._navbox(navboxArgs) args = navboxArgs local listnums = {} for k, _ in pairs(args) do if type(k) == 'string' then local listnum = k:match('^list(%d+)$') if listnum then table.insert(listnums, tonumber(listnum)) end end end table.sort(listnums) local border = mw.text.trim(args['border'] or args[1] or '') if border == 'child' then border = 'subgroup' end -- render the main body of the navbox local tbl = renderMainTable(border, listnums) local res = mw.html.create() -- render the appropriate wrapper for the navbox, based on the border param if border == 'none' then local nav = res:tag('div') :attr('role', 'navigation') :node(tbl) -- aria-labelledby title, otherwise above, otherwise lone group if args['title'] or args['above'] or (args['group1'] and not args['group2']) then nav:attr( 'aria-labelledby', mw.uri.anchorEncode( args['title'] or args['above'] or args['group1'] ) ) else nav:attr('aria-label', 'Navbox') end elseif border == 'subgroup' then -- We assume that this navbox is being rendered in a list cell of a -- parent navbox, and is therefore inside a div with padding:0em 0.25em. -- We start with a </div> to avoid the padding being applied, and at the -- end add a <div> to balance out the parent's </div> res :wikitext('</div>') :node(tbl) :wikitext('<div>') else local nav = res:tag('div') :attr('role', 'navigation') :addClass('navbox') :addClass(args['class']) :node(tbl) -- aria-labelledby title, otherwise above, otherwise lone group if args['title'] or args['above'] or (args['group1'] and not args['group2']) then nav:attr( 'aria-labelledby', mw.uri.anchorEncode(args['title'] or args['above'] or args['group1']) ) else nav:attr('aria-label', 'Navbox') end end return striped(tostring(res), border) end function p.navbox(frame) if not getArgs then getArgs = require('Module:ArgsUtil').merge end args = getArgs() -- Read the arguments in the order they'll be output in, to make references -- number in the right order. local _ _ = args['title'] _ = args['above'] -- Limit this to 20 as covering 'most' cases (that's a SWAG) and because -- iterator approach won't work here for i = 1, 20 do _ = args[format('group%d', i)] _ = args[format('list%d', i)] end _ = args['below'] return p._navbox(args) end return p a8fc5716dd37b54a2003515f1e57e77ea45100b5 0 213 229 2024-05-10T02:28:28Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <div id="mp-layout2-container"><!-- BEGIN grid container --> <div class="mp-box" id="mp-box-welcome"><!-- BEGIN welcome box --> <div id="mp-welcome"><!-- BEGIN #mp-welcome --> <h2 class="welcome-message"> Welcome to {{SITENAME}}! </h2> <div class="welcome-subtitle"> [[File:Site-logo.png|center|frameless]] This wiki provides information about PLACEHOLDERNAMEHERE, ... We are currently maintaining [[Special:Statistics|{{NUMBEROFARTICLES}} pages]]. Please feel free to contribute by creating new articles or expanding existing ones. </div> <div id="mp-banner"></div> </div><!-- END #mp-welcome --> </div><!-- END welcome box --> <div class="mp-box centered-content" id="mp-box-gallery"><!-- BEGIN gallery box --> == Features Gallery == <div class="mp-body"> <gallery widths="160px" mode="nolines"> File:Wiki.gg logo-pink.svg|alt=|link=Page Name|[[Page Name]] File:Wiki.gg logo-pink.svg|alt=|link=Page Name|[[Page Name]] File:Wiki.gg logo-pink.svg|alt=|link=Page Name|[[Page Name]] File:Wiki.gg logo-pink.svg|alt=|link=Page Name|[[Page Name]] </gallery> </div> </div><!-- END gallery box --> <div class="mp-box" id="mp-box-iconlists"><!-- BEGIN iconlists box--> == Icon Lists == <div class="mp-body mp-iconlists"><!-- BEGIN mp-body --> <div class="mp-iconlist"> === List 1 === * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} </div> <div class="mp-iconlist"> === List 2 === * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} </div> <div class="mp-iconlist"> === List 3 === * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} </div> <div class="mp-iconlist"> === List 4 === * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} </div> </div><!-- END mp-body --> </div><!--END iconlists box--> <div class="mp-box centered-content" id="mp-box-links"><!-- BEGIN links box --> == Useful Links == <div class="mp-body"> * [https://place.holder Link 1] * [https://place.holder Link 2] * [https://place.holder Link 3] </div> </div><!-- END links box --> <div class="mp-box" id="mp-box-about"><!-- BEGIN about box --> == About GAME NAME == <div class="mp-body"> '''GAME NAME''' is ... <div style="text-align:right">[[PLACEHOLDERNAMEHERE|Read more...]]</div> </div> </div><!--END about box--> <div class="mp-box" id="mp-box-contribute"><!-- BEGIN contribute box --> == Contribute to the Wiki == <div class="mp-body"> {{SITENAME}} is a collaborative wiki resource that is open for anyone to edit. You don't need special permission beyond [[Special:UserLogin/signup|registering]] an account to edit most pages, and your contributions can grow the wiki and help other players. ; '''Adding content''' :* If you are unsure of what to do or how to create a page, search for a few articles on the same topic and see what they look like. You can always view the source code in a wiki and learn from what others have done. :* An edit doesn't have to be massive; if you feel you don't want to create whole articles, then just fixing spelling errors and broken links is enough. :* [[Special:UserLogin/signup|Register]] to edit and track your contributions. </div> </div><!-- END contribute box --> </div><!-- END grid container --> {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} __NOTITLE__ __NOTOC__ __NOEDITSECTION__ [[Category:{{SITENAME}}| ]] 06be1a0225bd52c4d509c8b04abcebae712eb9b1 231 229 2024-06-04T21:24:30Z MorphBot 477760 MorphBot moved page [[Example Main Page 2]] to [[Oh Baby Kart Wiki]] without leaving a redirect: Migrate homepage wikitext text/x-wiki <div id="mp-layout2-container"><!-- BEGIN grid container --> <div class="mp-box" id="mp-box-welcome"><!-- BEGIN welcome box --> <div id="mp-welcome"><!-- BEGIN #mp-welcome --> <h2 class="welcome-message"> Welcome to {{SITENAME}}! </h2> <div class="welcome-subtitle"> [[File:Site-logo.png|center|frameless]] This wiki provides information about PLACEHOLDERNAMEHERE, ... We are currently maintaining [[Special:Statistics|{{NUMBEROFARTICLES}} pages]]. Please feel free to contribute by creating new articles or expanding existing ones. </div> <div id="mp-banner"></div> </div><!-- END #mp-welcome --> </div><!-- END welcome box --> <div class="mp-box centered-content" id="mp-box-gallery"><!-- BEGIN gallery box --> == Features Gallery == <div class="mp-body"> <gallery widths="160px" mode="nolines"> File:Wiki.gg logo-pink.svg|alt=|link=Page Name|[[Page Name]] File:Wiki.gg logo-pink.svg|alt=|link=Page Name|[[Page Name]] File:Wiki.gg logo-pink.svg|alt=|link=Page Name|[[Page Name]] File:Wiki.gg logo-pink.svg|alt=|link=Page Name|[[Page Name]] </gallery> </div> </div><!-- END gallery box --> <div class="mp-box" id="mp-box-iconlists"><!-- BEGIN iconlists box--> == Icon Lists == <div class="mp-body mp-iconlists"><!-- BEGIN mp-body --> <div class="mp-iconlist"> === List 1 === * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} </div> <div class="mp-iconlist"> === List 2 === * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} </div> <div class="mp-iconlist"> === List 3 === * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} </div> <div class="mp-iconlist"> === List 4 === * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} </div> </div><!-- END mp-body --> </div><!--END iconlists box--> <div class="mp-box centered-content" id="mp-box-links"><!-- BEGIN links box --> == Useful Links == <div class="mp-body"> * [https://place.holder Link 1] * [https://place.holder Link 2] * [https://place.holder Link 3] </div> </div><!-- END links box --> <div class="mp-box" id="mp-box-about"><!-- BEGIN about box --> == About GAME NAME == <div class="mp-body"> '''GAME NAME''' is ... <div style="text-align:right">[[PLACEHOLDERNAMEHERE|Read more...]]</div> </div> </div><!--END about box--> <div class="mp-box" id="mp-box-contribute"><!-- BEGIN contribute box --> == Contribute to the Wiki == <div class="mp-body"> {{SITENAME}} is a collaborative wiki resource that is open for anyone to edit. You don't need special permission beyond [[Special:UserLogin/signup|registering]] an account to edit most pages, and your contributions can grow the wiki and help other players. ; '''Adding content''' :* If you are unsure of what to do or how to create a page, search for a few articles on the same topic and see what they look like. You can always view the source code in a wiki and learn from what others have done. :* An edit doesn't have to be massive; if you feel you don't want to create whole articles, then just fixing spelling errors and broken links is enough. :* [[Special:UserLogin/signup|Register]] to edit and track your contributions. </div> </div><!-- END contribute box --> </div><!-- END grid container --> {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} __NOTITLE__ __NOTOC__ __NOEDITSECTION__ [[Category:{{SITENAME}}| ]] 06be1a0225bd52c4d509c8b04abcebae712eb9b1 232 231 2024-06-04T21:31:35Z MorphBot 477760 Test - update algo for users wikitext text/x-wiki <div id="mp-layout2-container"><!-- BEGIN grid container --> <div class="mp-box" id="mp-box-welcome"><!-- BEGIN welcome box --> <div id="mp-welcome"><!-- BEGIN #mp-welcome --> <h2 class="welcome-message"> Welcome to {{SITENAME}}! </h2> <div class="welcome-subtitle"> [[File:Site-logo.png|center|frameless]] Welcome to the Oh Baby Kart wiki! [[Special:Statistics|{{NUMBEROFACTIVEUSERS}}&nbsp;active editors]] are currently maintaining [[Special:AllPages|{{NUMBEROFARTICLES}}&nbsp;articles ({{NUMBEROFPAGES}}&nbsp;total pages)]] and [[Special:ListFiles|{{NUMBEROFFILES}}&nbsp;files]]. </div> <div id="mp-banner"></div> </div><!-- END #mp-welcome --> </div><!-- END welcome box --> <div class="mp-box centered-content" id="mp-box-gallery"><!-- BEGIN gallery box --> == Features Gallery == <div class="mp-body"> <gallery widths="160px" mode="nolines"> File:Wiki.gg logo-pink.svg|alt=|link=Page Name|[[Page Name]] File:Wiki.gg logo-pink.svg|alt=|link=Page Name|[[Page Name]] File:Wiki.gg logo-pink.svg|alt=|link=Page Name|[[Page Name]] File:Wiki.gg logo-pink.svg|alt=|link=Page Name|[[Page Name]] </gallery> </div> </div><!-- END gallery box --> <div class="mp-box" id="mp-box-iconlists"><!-- BEGIN iconlists box--> == Icon Lists == <div class="mp-body mp-iconlists"><!-- BEGIN mp-body --> <div class="mp-iconlist"> === List 1 === * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} </div> <div class="mp-iconlist"> === List 2 === * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} </div> <div class="mp-iconlist"> === List 3 === * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} </div> <div class="mp-iconlist"> === List 4 === * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} </div> </div><!-- END mp-body --> </div><!--END iconlists box--> <div class="mp-box centered-content" id="mp-box-links"><!-- BEGIN links box --> == Useful Links == <div class="mp-body"> * [https://place.holder Link 1] * [https://place.holder Link 2] * [https://place.holder Link 3] </div> </div><!-- END links box --> <div class="mp-box" id="mp-box-about"><!-- BEGIN about box --> == About GAME NAME == <div class="mp-body"> '''GAME NAME''' is ... <div style="text-align:right">[[PLACEHOLDERNAMEHERE|Read more...]]</div> </div> </div><!--END about box--> <div class="mp-box" id="mp-box-contribute"><!-- BEGIN contribute box --> == Contribute to the Wiki == <div class="mp-body"> {{SITENAME}} is a collaborative wiki resource that is open for anyone to edit. You don't need special permission beyond [[Special:UserLogin/signup|registering]] an account to edit most pages, and your contributions can grow the wiki and help other players. ; '''Adding content''' :* If you are unsure of what to do or how to create a page, search for a few articles on the same topic and see what they look like. You can always view the source code in a wiki and learn from what others have done. :* An edit doesn't have to be massive; if you feel you don't want to create whole articles, then just fixing spelling errors and broken links is enough. :* [[Special:UserLogin/signup|Register]] to edit and track your contributions. </div> </div><!-- END contribute box --> </div><!-- END grid container --> {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} __NOTITLE__ __NOTOC__ __NOEDITSECTION__ [[Category:{{SITENAME}}| ]] 405e1787dbbf2fc33dd3e0e720d5519055e17f04 235 232 2024-06-04T21:58:19Z MorphBot 477760 Update homepage logo wikitext text/x-wiki <div style="display: flex; flex-direction: column; margin-top: 8px; margin-bottom: 16px"> <div id="mainbannermiddle" width="100%" style="padding: 9px; text-align:center; margin:1px;">[[File:Obblogo-horizontal.svg|center|link=]]</div> <span style="display: block; font-size: 22px; font-weight: bold; text-align:center;">Welcome to the official [[Oh Baby Games]] Wiki</span> <span style="display: block; text-align:center;> [[Special:Statistics|{{NUMBEROFACTIVEUSERS}}&nbsp;active editors]] are currently maintaining [[Special:AllPages|{{NUMBEROFARTICLES}}&nbsp;articles ({{NUMBEROFPAGES}}&nbsp;total pages)]] and [[Special:ListFiles|{{NUMBEROFFILES}}&nbsp;files]].</span> </div> </div> <div class="mp-box" id="mp-box-iconlists"><!-- BEGIN iconlists box--> == Icon Lists == <div class="mp-body mp-iconlists"><!-- BEGIN mp-body --> <div class="mp-iconlist"> === List 1 === * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} </div> <div class="mp-iconlist"> === List 2 === * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} </div> <div class="mp-iconlist"> === List 3 === * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} </div> <div class="mp-iconlist"> === List 4 === * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} </div> </div><!-- END mp-body --> </div><!--END iconlists box--> <div class="mp-box centered-content" id="mp-box-links"><!-- BEGIN links box --> == Useful Links == <div class="mp-body"> * [https://place.holder Link 1] * [https://place.holder Link 2] * [https://place.holder Link 3] </div> </div><!-- END links box --> <div class="mp-box" id="mp-box-about"><!-- BEGIN about box --> == About GAME NAME == <div class="mp-body"> '''GAME NAME''' is ... <div style="text-align:right">[[PLACEHOLDERNAMEHERE|Read more...]]</div> </div> </div><!--END about box--> <div class="mp-box" id="mp-box-contribute"><!-- BEGIN contribute box --> == Contribute to the Wiki == <div class="mp-body"> {{SITENAME}} is a collaborative wiki resource that is open for anyone to edit. You don't need special permission beyond [[Special:UserLogin/signup|registering]] an account to edit most pages, and your contributions can grow the wiki and help other players. ; '''Adding content''' :* If you are unsure of what to do or how to create a page, search for a few articles on the same topic and see what they look like. You can always view the source code in a wiki and learn from what others have done. :* An edit doesn't have to be massive; if you feel you don't want to create whole articles, then just fixing spelling errors and broken links is enough. :* [[Special:UserLogin/signup|Register]] to edit and track your contributions. </div> </div><!-- END contribute box --> </div><!-- END grid container --> {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} __NOTITLE__ __NOTOC__ __NOEDITSECTION__ [[Category:{{SITENAME}}| ]] e4907e4cd0ee26d7e3b996604be7ea39274cafed 244 235 2024-06-04T23:21:50Z MorphBot 477760 Add main menu wikitext text/x-wiki <div style="display: flex; flex-direction: column; margin-top: 8px; margin-bottom: 16px"> <div id="mainbannermiddle" width="100%" style="padding: 9px; text-align:center; margin:1px;">[[File:Obblogo-horizontal.svg|center|link=]]</div> <span style="display: block; font-size: 22px; font-weight: bold; text-align:center;">Welcome to the official [[Oh Baby Games]] Wiki</span> <span style="display: block; text-align:center;> [[Special:Statistics|{{NUMBEROFACTIVEUSERS}}&nbsp;active editors]] are currently maintaining [[Special:AllPages|{{NUMBEROFARTICLES}}&nbsp;articles ({{NUMBEROFPAGES}}&nbsp;total pages)]] and [[Special:ListFiles|{{NUMBEROFFILES}}&nbsp;files]].</span> </div> </div> <div class="mp-box" id="mp-box-about"><!-- BEGIN about box --> == About == <div class="mp-body"> Dive in and experience the thrill of mastering drift boosts, unlocking powerful ultimate abilities, choosing your favorite driver, and customizing your kart for the ultimate race </div> </div><!--END about box--> {{Mainmenu}} == Contribute to the Wiki == <div class="mp-body"> {{SITENAME}} is a collaborative wiki resource that is open for anyone to edit. You don't need special permission beyond [[Special:UserLogin/signup|registering]] an account to edit most pages, and your contributions can grow the wiki and help other players. ; '''Adding content''' :* If you are unsure of what to do or how to create a page, search for a few articles on the same topic and see what they look like. You can always view the source code in a wiki and learn from what others have done. :* An edit doesn't have to be massive; if you feel you don't want to create whole articles, then just fixing spelling errors and broken links is enough. :* [[Special:UserLogin/signup|Register]] to edit and track your contributions. </div> </div><!-- END contribute box --> </div><!-- END grid container --> {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} __NOTITLE__ __NOTOC__ __NOEDITSECTION__ [[Category:{{SITENAME}}| ]] 8ae7570cc28646b5c2a7207ec4b1efc0b65cd901 0 1 230 1 2024-05-10T02:28:29Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Oh Baby Kart Wiki]] 6eef2c88f0a32fe667353285aa3b10378f5275a9 8 30 233 31 2024-06-04T21:40:49Z MorphBot 477760 wikitext text/x-wiki * License|Oh Baby Games|This contains content from the game or its official media * License|fairuse|This will be used in a way that qualifies as "fair use" under US law * License|CC0|This file is licensed under the CC0 1.0 License * License|CC-BY-NC-ND|This is licensed under the Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License * License|CC-BY-NC-SA|This is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License * License|CC-BY-NC|This is licensed under the Creative Commons Attribution-NonCommercial 3.0 License * License|CC-BY-ND|This is licensed under the Creative Commons Attribution-NoDerivs 3.0 License * License|CC-BY-SA|This is licensed under the Creative Commons Attribution-ShareAlike 3.0 License * License|CC-BY|This is licensed under the Creative Commons Attribution 3.0 License * License|CC-PD|This is in the public domain * License|CC-SRR|This is licensed under the Creative Commons Some Rights Reserved License * License|nolicense|I don't know the license 4a4ec00765797f552bf7ee4f5974124412602831 6 214 234 2024-06-04T21:46:38Z MorphBot 477760 OhBabyKart Brand Header wikitext text/x-wiki == Summary == OhBabyKart Brand Header 5dae379aac14f4f7f64e39e0fac7f12c9e1329ee 8 14 236 14 2024-06-04T22:20:38Z MorphBot 477760 Add button class css text/css /* CSS placed here will be applied to all skins */ :root, .theme-light { --wiki-body-background-image: none; --wiki-body-background-color: #f6f6f6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-color--secondary: #ffffff; --wiki-body-background-color--secondary--rgb: 255,255,255; --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 211, 194, 176; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: 0.0; --wiki-sidebar-border-color: var(--wiki-body-background-color); --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: #e8f2f8; --wiki-navigation-background-color--secondary--rgb: 232, 242, 248; --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); } .theme-dark { --wiki-body-background-image: none; --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 1.0; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); } /***************************** * Dark mode Syntax highlight * ******************************/ .view-dark .mw-highlight .hll { background-color: #49483e } .view-dark .mw-highlight { background: #272822; color: #f8f8f2 } .view-dark .mw-highlight .c { color: #75715e } /* Comment */ .view-dark .mw-highlight .err { color: #960050; background-color: #1e0010 } /* Error */ .view-dark .mw-highlight .k { color: #66d9ef } /* Keyword */ .view-dark .mw-highlight .l { color: #ae81ff } /* Literal */ .view-dark .mw-highlight .n { color: #f8f8f2 } /* Name */ .view-dark .mw-highlight .o { color: #f92672 } /* Operator */ .view-dark .mw-highlight .p { color: #f8f8f2 } /* Punctuation */ .view-dark .mw-highlight .ch { color: #75715e } /* Comment.Hashbang */ .view-dark .mw-highlight .cm { color: #75715e } /* Comment.Multiline */ .view-dark .mw-highlight .cp { color: #75715e } /* Comment.Preproc */ .view-dark .mw-highlight .cpf { color: #75715e } /* Comment.PreprocFile */ .view-dark .mw-highlight .c1 { color: #75715e } /* Comment.Single */ .view-dark .mw-highlight .cs { color: #75715e } /* Comment.Special */ .view-dark .mw-highlight .gd { color: #f92672 } /* Generic.Deleted */ .view-dark .mw-highlight .ge { font-style: italic } /* Generic.Emph */ .view-dark .mw-highlight .gi { color: #a6e22e } /* Generic.Inserted */ .view-dark .mw-highlight .gs { font-weight: bold } /* Generic.Strong */ .view-dark .mw-highlight .gu { color: #75715e } /* Generic.Subheading */ .view-dark .mw-highlight .kc { color: #66d9ef } /* Keyword.Constant */ .view-dark .mw-highlight .kd { color: #66d9ef } /* Keyword.Declaration */ .view-dark .mw-highlight .kn { color: #f92672 } /* Keyword.Namespace */ .view-dark .mw-highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ .view-dark .mw-highlight .kr { color: #66d9ef } /* Keyword.Reserved */ .view-dark .mw-highlight .kt { color: #66d9ef } /* Keyword.Type */ .view-dark .mw-highlight .ld { color: #e6db74 } /* Literal.Date */ .view-dark .mw-highlight .m { color: #ae81ff } /* Literal.Number */ .view-dark .mw-highlight .s { color: #e6db74 } /* Literal.String */ .view-dark .mw-highlight .na { color: #a6e22e } /* Name.Attribute */ .view-dark .mw-highlight .nb { color: #f8f8f2 } /* Name.Builtin */ .view-dark .mw-highlight .nc { color: #a6e22e } /* Name.Class */ .view-dark .mw-highlight .no { color: #66d9ef } /* Name.Constant */ .view-dark .mw-highlight .nd { color: #a6e22e } /* Name.Decorator */ .view-dark .mw-highlight .ni { color: #f8f8f2 } /* Name.Entity */ .view-dark .mw-highlight .ne { color: #a6e22e } /* Name.Exception */ .view-dark .mw-highlight .nf { color: #a6e22e } /* Name.Function */ .view-dark .mw-highlight .nl { color: #f8f8f2 } /* Name.Label */ .view-dark .mw-highlight .nn { color: #f8f8f2 } /* Name.Namespace */ .view-dark .mw-highlight .nx { color: #a6e22e } /* Name.Other */ .view-dark .mw-highlight .py { color: #f8f8f2 } /* Name.Property */ .view-dark .mw-highlight .nt { color: #f92672 } /* Name.Tag */ .view-dark .mw-highlight .nv { color: #f8f8f2 } /* Name.Variable */ .view-dark .mw-highlight .ow { color: #f92672 } /* Operator.Word */ .view-dark .mw-highlight .w { color: #f8f8f2 } /* Text.Whitespace */ .view-dark .mw-highlight .mb { color: #ae81ff } /* Literal.Number.Bin */ .view-dark .mw-highlight .mf { color: #ae81ff } /* Literal.Number.Float */ .view-dark .mw-highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ .view-dark .mw-highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ .view-dark .mw-highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ .view-dark .mw-highlight .sa { color: #e6db74 } /* Literal.String.Affix */ .view-dark .mw-highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ .view-dark .mw-highlight .sc { color: #e6db74 } /* Literal.String.Char */ .view-dark .mw-highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */ .view-dark .mw-highlight .sd { color: #e6db74 } /* Literal.String.Doc */ .view-dark .mw-highlight .s2 { color: #e6db74 } /* Literal.String.Double */ .view-dark .mw-highlight .se { color: #ae81ff } /* Literal.String.Escape */ .view-dark .mw-highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ .view-dark .mw-highlight .si { color: #e6db74 } /* Literal.String.Interpol */ .view-dark .mw-highlight .sx { color: #e6db74 } /* Literal.String.Other */ .view-dark .mw-highlight .sr { color: #e6db74 } /* Literal.String.Regex */ .view-dark .mw-highlight .s1 { color: #e6db74 } /* Literal.String.Single */ .view-dark .mw-highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ .view-dark .mw-highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ .view-dark .mw-highlight .fm { color: #a6e22e } /* Name.Function.Magic */ .view-dark .mw-highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ .view-dark .mw-highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ .view-dark .mw-highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ .view-dark .mw-highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */ .view-dark .mw-highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ /***************************** * End syntax highlight * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " · "; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-box-welcome {grid-area: welcome;} #mp-box-about {grid-area: about;} #mp-box-links {grid-area: links;} #mp-box-contribute {grid-area: contribute;} #mp-box-featured {grid-area: featured;} #mp-box-basics {grid-area: basics;} #mp-box-gallery {grid-area: gallery;} #mp-box-iconlists {grid-area: iconlists;} /* Example Main Page 1 Grid Layout */ #mp-layout1-container { display:grid; grid-template-areas: "welcome" "about" "featured" "basics" "gallery" "links" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout1-container { grid-template-areas: "welcome welcome" "about about" "featured basics" "gallery links" "contribute contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout1-container { grid-template-areas: "welcome welcome welcome" "about about basics" "featured featured basics" "gallery links links" "contribute contribute contribute"; grid-template-columns: 2fr 1fr 2fr; } } /* Example Main Page 2 Grid Layout */ #mp-layout2-container { display:grid; grid-template-areas: "welcome" "links" "about" "gallery" "iconlists" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout2-container { grid-template-areas: "welcome links" "gallery about" "iconlists about" "iconlists contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout2-container { grid-template-areas: "welcome welcome links" "welcome welcome about" "gallery gallery about" "iconlists iconlists contribute"; grid-template-columns: 3fr 2fr 2fr; } } /* Example Main Page 3 Grid Layout */ #mp-layout3-container { display:grid; grid-template-areas: "welcome" "about" "featured" "four" "priority" "projects" "wiki"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout3-container { grid-template-areas: "welcome welcome" "about about" "featured four" "priority projects" "wiki wiki"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout3-container { grid-template-areas: "welcome welcome welcome" "about about four" "featured featured four" "priority projects projects" "wiki wiki wiki"; grid-template-columns:2fr 1fr 2fr; } } .mp-box { display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-banner-container { position: relative; } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { position: relative; font-family: var(--wiki-heading-font-family); z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: 1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery { display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: 0; } .mp-box ul.gallery pre { box-shadow: inset 0 0 20px 2px #000; text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000; } /*********************** * End main page layout * ************************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border:4px solid var(--druid-border-color); background:var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 16.875em; box-sizing:border-box; border-collapse:collapse; } @media screen and (max-width: 450px) { .druid-container { width:100%; } } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-title, .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; } .druid-section { font-size:1.25em; } .druid-label { font-weight:bold; } .druid-main-images { padding:5px; } .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; } .druid-grid-item { background:var(--druid-tertiary-background-color); margin:0.25em; padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); } .druid-collapsed { display:none; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content:'–'; display:block; position:absolute; right:10px; font-size:20px; font-weight:bold; color:var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content:'+'; } /*********************** * End DRUID infoboxes * ************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); border-bottom: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > *, .spoiler-content:hover > * { pointer-events:unset; } .spoiler-content.show, .spoiler-content.hover:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span, .spoiler-content.hover:hover > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { display: inline-flex; align-items: baseline; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } .button { padding: 1px 6px; border: 1px outset black; border-radius: 3px; color: black; background-color: lightgrey; text-decoration: none; } /************************ * End Modular Templates * *************************/ 649eee8a422ff19db8b8582c9998fdfc227fd534 242 236 2024-06-04T23:04:42Z MorphBot 477760 add main menu styles css text/css /* CSS placed here will be applied to all skins */ :root, .theme-light { --wiki-body-background-image: none; --wiki-body-background-color: #f6f6f6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-color--secondary: #ffffff; --wiki-body-background-color--secondary--rgb: 255,255,255; --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 211, 194, 176; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: 0.0; --wiki-sidebar-border-color: var(--wiki-body-background-color); --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: #e8f2f8; --wiki-navigation-background-color--secondary--rgb: 232, 242, 248; --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); } .theme-dark { --wiki-body-background-image: none; --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 1.0; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); } /***************************** * Dark mode Syntax highlight * ******************************/ .view-dark .mw-highlight .hll { background-color: #49483e } .view-dark .mw-highlight { background: #272822; color: #f8f8f2 } .view-dark .mw-highlight .c { color: #75715e } /* Comment */ .view-dark .mw-highlight .err { color: #960050; background-color: #1e0010 } /* Error */ .view-dark .mw-highlight .k { color: #66d9ef } /* Keyword */ .view-dark .mw-highlight .l { color: #ae81ff } /* Literal */ .view-dark .mw-highlight .n { color: #f8f8f2 } /* Name */ .view-dark .mw-highlight .o { color: #f92672 } /* Operator */ .view-dark .mw-highlight .p { color: #f8f8f2 } /* Punctuation */ .view-dark .mw-highlight .ch { color: #75715e } /* Comment.Hashbang */ .view-dark .mw-highlight .cm { color: #75715e } /* Comment.Multiline */ .view-dark .mw-highlight .cp { color: #75715e } /* Comment.Preproc */ .view-dark .mw-highlight .cpf { color: #75715e } /* Comment.PreprocFile */ .view-dark .mw-highlight .c1 { color: #75715e } /* Comment.Single */ .view-dark .mw-highlight .cs { color: #75715e } /* Comment.Special */ .view-dark .mw-highlight .gd { color: #f92672 } /* Generic.Deleted */ .view-dark .mw-highlight .ge { font-style: italic } /* Generic.Emph */ .view-dark .mw-highlight .gi { color: #a6e22e } /* Generic.Inserted */ .view-dark .mw-highlight .gs { font-weight: bold } /* Generic.Strong */ .view-dark .mw-highlight .gu { color: #75715e } /* Generic.Subheading */ .view-dark .mw-highlight .kc { color: #66d9ef } /* Keyword.Constant */ .view-dark .mw-highlight .kd { color: #66d9ef } /* Keyword.Declaration */ .view-dark .mw-highlight .kn { color: #f92672 } /* Keyword.Namespace */ .view-dark .mw-highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ .view-dark .mw-highlight .kr { color: #66d9ef } /* Keyword.Reserved */ .view-dark .mw-highlight .kt { color: #66d9ef } /* Keyword.Type */ .view-dark .mw-highlight .ld { color: #e6db74 } /* Literal.Date */ .view-dark .mw-highlight .m { color: #ae81ff } /* Literal.Number */ .view-dark .mw-highlight .s { color: #e6db74 } /* Literal.String */ .view-dark .mw-highlight .na { color: #a6e22e } /* Name.Attribute */ .view-dark .mw-highlight .nb { color: #f8f8f2 } /* Name.Builtin */ .view-dark .mw-highlight .nc { color: #a6e22e } /* Name.Class */ .view-dark .mw-highlight .no { color: #66d9ef } /* Name.Constant */ .view-dark .mw-highlight .nd { color: #a6e22e } /* Name.Decorator */ .view-dark .mw-highlight .ni { color: #f8f8f2 } /* Name.Entity */ .view-dark .mw-highlight .ne { color: #a6e22e } /* Name.Exception */ .view-dark .mw-highlight .nf { color: #a6e22e } /* Name.Function */ .view-dark .mw-highlight .nl { color: #f8f8f2 } /* Name.Label */ .view-dark .mw-highlight .nn { color: #f8f8f2 } /* Name.Namespace */ .view-dark .mw-highlight .nx { color: #a6e22e } /* Name.Other */ .view-dark .mw-highlight .py { color: #f8f8f2 } /* Name.Property */ .view-dark .mw-highlight .nt { color: #f92672 } /* Name.Tag */ .view-dark .mw-highlight .nv { color: #f8f8f2 } /* Name.Variable */ .view-dark .mw-highlight .ow { color: #f92672 } /* Operator.Word */ .view-dark .mw-highlight .w { color: #f8f8f2 } /* Text.Whitespace */ .view-dark .mw-highlight .mb { color: #ae81ff } /* Literal.Number.Bin */ .view-dark .mw-highlight .mf { color: #ae81ff } /* Literal.Number.Float */ .view-dark .mw-highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ .view-dark .mw-highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ .view-dark .mw-highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ .view-dark .mw-highlight .sa { color: #e6db74 } /* Literal.String.Affix */ .view-dark .mw-highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ .view-dark .mw-highlight .sc { color: #e6db74 } /* Literal.String.Char */ .view-dark .mw-highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */ .view-dark .mw-highlight .sd { color: #e6db74 } /* Literal.String.Doc */ .view-dark .mw-highlight .s2 { color: #e6db74 } /* Literal.String.Double */ .view-dark .mw-highlight .se { color: #ae81ff } /* Literal.String.Escape */ .view-dark .mw-highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ .view-dark .mw-highlight .si { color: #e6db74 } /* Literal.String.Interpol */ .view-dark .mw-highlight .sx { color: #e6db74 } /* Literal.String.Other */ .view-dark .mw-highlight .sr { color: #e6db74 } /* Literal.String.Regex */ .view-dark .mw-highlight .s1 { color: #e6db74 } /* Literal.String.Single */ .view-dark .mw-highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ .view-dark .mw-highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ .view-dark .mw-highlight .fm { color: #a6e22e } /* Name.Function.Magic */ .view-dark .mw-highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ .view-dark .mw-highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ .view-dark .mw-highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ .view-dark .mw-highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */ .view-dark .mw-highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ /***************************** * End syntax highlight * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " · "; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-box-welcome {grid-area: welcome;} #mp-box-about {grid-area: about;} #mp-box-links {grid-area: links;} #mp-box-contribute {grid-area: contribute;} #mp-box-featured {grid-area: featured;} #mp-box-basics {grid-area: basics;} #mp-box-gallery {grid-area: gallery;} #mp-box-iconlists {grid-area: iconlists;} /* Example Main Page 1 Grid Layout */ #mp-layout1-container { display:grid; grid-template-areas: "welcome" "about" "featured" "basics" "gallery" "links" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout1-container { grid-template-areas: "welcome welcome" "about about" "featured basics" "gallery links" "contribute contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout1-container { grid-template-areas: "welcome welcome welcome" "about about basics" "featured featured basics" "gallery links links" "contribute contribute contribute"; grid-template-columns: 2fr 1fr 2fr; } } /* Example Main Page 2 Grid Layout */ #mp-layout2-container { display:grid; grid-template-areas: "welcome" "links" "about" "gallery" "iconlists" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout2-container { grid-template-areas: "welcome links" "gallery about" "iconlists about" "iconlists contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout2-container { grid-template-areas: "welcome welcome links" "welcome welcome about" "gallery gallery about" "iconlists iconlists contribute"; grid-template-columns: 3fr 2fr 2fr; } } /* Example Main Page 3 Grid Layout */ #mp-layout3-container { display:grid; grid-template-areas: "welcome" "about" "featured" "four" "priority" "projects" "wiki"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout3-container { grid-template-areas: "welcome welcome" "about about" "featured four" "priority projects" "wiki wiki"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout3-container { grid-template-areas: "welcome welcome welcome" "about about four" "featured featured four" "priority projects projects" "wiki wiki wiki"; grid-template-columns:2fr 1fr 2fr; } } .mp-box { display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-banner-container { position: relative; } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { position: relative; font-family: var(--wiki-heading-font-family); z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: 1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery { display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: 0; } .mp-box ul.gallery pre { box-shadow: inset 0 0 20px 2px #000; text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000; } /*********************** * End main page layout * ************************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border:4px solid var(--druid-border-color); background:var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 16.875em; box-sizing:border-box; border-collapse:collapse; } @media screen and (max-width: 450px) { .druid-container { width:100%; } } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-title, .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; } .druid-section { font-size:1.25em; } .druid-label { font-weight:bold; } .druid-main-images { padding:5px; } .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; } .druid-grid-item { background:var(--druid-tertiary-background-color); margin:0.25em; padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); } .druid-collapsed { display:none; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content:'–'; display:block; position:absolute; right:10px; font-size:20px; font-weight:bold; color:var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content:'+'; } /*********************** * End DRUID infoboxes * ************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); border-bottom: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > *, .spoiler-content:hover > * { pointer-events:unset; } .spoiler-content.show, .spoiler-content.hover:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span, .spoiler-content.hover:hover > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { display: inline-flex; align-items: baseline; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /* mainMenu container */ #mainmenucontainer table.wikitable { background-color: rgba(209,248,255,0.67); width: 100%; display: table; margin-top: 0; } #mainmenucontainer table.wikitable th.quarter { width: 25%; } #mainmenucontainer table.wikitable td { vertical-align: top; border: 0 !important; background: transparent !important; } #mainmenucontainer table.wikitable td div.bordered { border: 1px solid #8DCAF0; border-radius: 11px; box-shadow: 0px 1px rgba(0,0,0,0.3); margin-bottom: 3px; } /* [[Category:Template stylesheets]] */ /************************ * End Modular Templates * *************************/ 085351f7fd3536defe5a1bac3ffe367fbe4ae924 245 242 2024-06-04T23:44:41Z MorphBot 477760 Going to redo table styles css text/css /* CSS placed here will be applied to all skins */ :root, .theme-light { --wiki-body-background-image: none; --wiki-body-background-color: #f6f6f6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-color--secondary: #ffffff; --wiki-body-background-color--secondary--rgb: 255,255,255; --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 211, 194, 176; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: 0.0; --wiki-sidebar-border-color: var(--wiki-body-background-color); --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: #e8f2f8; --wiki-navigation-background-color--secondary--rgb: 232, 242, 248; --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); } .theme-dark { --wiki-body-background-image: none; --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 1.0; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); } /***************************** * Dark mode Syntax highlight * ******************************/ .view-dark .mw-highlight .hll { background-color: #49483e } .view-dark .mw-highlight { background: #272822; color: #f8f8f2 } .view-dark .mw-highlight .c { color: #75715e } /* Comment */ .view-dark .mw-highlight .err { color: #960050; background-color: #1e0010 } /* Error */ .view-dark .mw-highlight .k { color: #66d9ef } /* Keyword */ .view-dark .mw-highlight .l { color: #ae81ff } /* Literal */ .view-dark .mw-highlight .n { color: #f8f8f2 } /* Name */ .view-dark .mw-highlight .o { color: #f92672 } /* Operator */ .view-dark .mw-highlight .p { color: #f8f8f2 } /* Punctuation */ .view-dark .mw-highlight .ch { color: #75715e } /* Comment.Hashbang */ .view-dark .mw-highlight .cm { color: #75715e } /* Comment.Multiline */ .view-dark .mw-highlight .cp { color: #75715e } /* Comment.Preproc */ .view-dark .mw-highlight .cpf { color: #75715e } /* Comment.PreprocFile */ .view-dark .mw-highlight .c1 { color: #75715e } /* Comment.Single */ .view-dark .mw-highlight .cs { color: #75715e } /* Comment.Special */ .view-dark .mw-highlight .gd { color: #f92672 } /* Generic.Deleted */ .view-dark .mw-highlight .ge { font-style: italic } /* Generic.Emph */ .view-dark .mw-highlight .gi { color: #a6e22e } /* Generic.Inserted */ .view-dark .mw-highlight .gs { font-weight: bold } /* Generic.Strong */ .view-dark .mw-highlight .gu { color: #75715e } /* Generic.Subheading */ .view-dark .mw-highlight .kc { color: #66d9ef } /* Keyword.Constant */ .view-dark .mw-highlight .kd { color: #66d9ef } /* Keyword.Declaration */ .view-dark .mw-highlight .kn { color: #f92672 } /* Keyword.Namespace */ .view-dark .mw-highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ .view-dark .mw-highlight .kr { color: #66d9ef } /* Keyword.Reserved */ .view-dark .mw-highlight .kt { color: #66d9ef } /* Keyword.Type */ .view-dark .mw-highlight .ld { color: #e6db74 } /* Literal.Date */ .view-dark .mw-highlight .m { color: #ae81ff } /* Literal.Number */ .view-dark .mw-highlight .s { color: #e6db74 } /* Literal.String */ .view-dark .mw-highlight .na { color: #a6e22e } /* Name.Attribute */ .view-dark .mw-highlight .nb { color: #f8f8f2 } /* Name.Builtin */ .view-dark .mw-highlight .nc { color: #a6e22e } /* Name.Class */ .view-dark .mw-highlight .no { color: #66d9ef } /* Name.Constant */ .view-dark .mw-highlight .nd { color: #a6e22e } /* Name.Decorator */ .view-dark .mw-highlight .ni { color: #f8f8f2 } /* Name.Entity */ .view-dark .mw-highlight .ne { color: #a6e22e } /* Name.Exception */ .view-dark .mw-highlight .nf { color: #a6e22e } /* Name.Function */ .view-dark .mw-highlight .nl { color: #f8f8f2 } /* Name.Label */ .view-dark .mw-highlight .nn { color: #f8f8f2 } /* Name.Namespace */ .view-dark .mw-highlight .nx { color: #a6e22e } /* Name.Other */ .view-dark .mw-highlight .py { color: #f8f8f2 } /* Name.Property */ .view-dark .mw-highlight .nt { color: #f92672 } /* Name.Tag */ .view-dark .mw-highlight .nv { color: #f8f8f2 } /* Name.Variable */ .view-dark .mw-highlight .ow { color: #f92672 } /* Operator.Word */ .view-dark .mw-highlight .w { color: #f8f8f2 } /* Text.Whitespace */ .view-dark .mw-highlight .mb { color: #ae81ff } /* Literal.Number.Bin */ .view-dark .mw-highlight .mf { color: #ae81ff } /* Literal.Number.Float */ .view-dark .mw-highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ .view-dark .mw-highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ .view-dark .mw-highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ .view-dark .mw-highlight .sa { color: #e6db74 } /* Literal.String.Affix */ .view-dark .mw-highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ .view-dark .mw-highlight .sc { color: #e6db74 } /* Literal.String.Char */ .view-dark .mw-highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */ .view-dark .mw-highlight .sd { color: #e6db74 } /* Literal.String.Doc */ .view-dark .mw-highlight .s2 { color: #e6db74 } /* Literal.String.Double */ .view-dark .mw-highlight .se { color: #ae81ff } /* Literal.String.Escape */ .view-dark .mw-highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ .view-dark .mw-highlight .si { color: #e6db74 } /* Literal.String.Interpol */ .view-dark .mw-highlight .sx { color: #e6db74 } /* Literal.String.Other */ .view-dark .mw-highlight .sr { color: #e6db74 } /* Literal.String.Regex */ .view-dark .mw-highlight .s1 { color: #e6db74 } /* Literal.String.Single */ .view-dark .mw-highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ .view-dark .mw-highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ .view-dark .mw-highlight .fm { color: #a6e22e } /* Name.Function.Magic */ .view-dark .mw-highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ .view-dark .mw-highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ .view-dark .mw-highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ .view-dark .mw-highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */ .view-dark .mw-highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ /***************************** * End syntax highlight * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " · "; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-box-welcome {grid-area: welcome;} #mp-box-about {grid-area: about;} #mp-box-links {grid-area: links;} #mp-box-contribute {grid-area: contribute;} #mp-box-featured {grid-area: featured;} #mp-box-basics {grid-area: basics;} #mp-box-gallery {grid-area: gallery;} #mp-box-iconlists {grid-area: iconlists;} /* Example Main Page 1 Grid Layout */ #mp-layout1-container { display:grid; grid-template-areas: "welcome" "about" "featured" "basics" "gallery" "links" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout1-container { grid-template-areas: "welcome welcome" "about about" "featured basics" "gallery links" "contribute contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout1-container { grid-template-areas: "welcome welcome welcome" "about about basics" "featured featured basics" "gallery links links" "contribute contribute contribute"; grid-template-columns: 2fr 1fr 2fr; } } /* Example Main Page 2 Grid Layout */ #mp-layout2-container { display:grid; grid-template-areas: "welcome" "links" "about" "gallery" "iconlists" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout2-container { grid-template-areas: "welcome links" "gallery about" "iconlists about" "iconlists contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout2-container { grid-template-areas: "welcome welcome links" "welcome welcome about" "gallery gallery about" "iconlists iconlists contribute"; grid-template-columns: 3fr 2fr 2fr; } } /* Example Main Page 3 Grid Layout */ #mp-layout3-container { display:grid; grid-template-areas: "welcome" "about" "featured" "four" "priority" "projects" "wiki"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout3-container { grid-template-areas: "welcome welcome" "about about" "featured four" "priority projects" "wiki wiki"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout3-container { grid-template-areas: "welcome welcome welcome" "about about four" "featured featured four" "priority projects projects" "wiki wiki wiki"; grid-template-columns:2fr 1fr 2fr; } } .mp-box { display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-banner-container { position: relative; } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { position: relative; font-family: var(--wiki-heading-font-family); z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: 1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery { display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: 0; } .mp-box ul.gallery pre { box-shadow: inset 0 0 20px 2px #000; text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000; } /*********************** * End main page layout * ************************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border:4px solid var(--druid-border-color); background:var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 16.875em; box-sizing:border-box; border-collapse:collapse; } @media screen and (max-width: 450px) { .druid-container { width:100%; } } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-title, .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; } .druid-section { font-size:1.25em; } .druid-label { font-weight:bold; } .druid-main-images { padding:5px; } .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; } .druid-grid-item { background:var(--druid-tertiary-background-color); margin:0.25em; padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); } .druid-collapsed { display:none; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content:'–'; display:block; position:absolute; right:10px; font-size:20px; font-weight:bold; color:var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content:'+'; } /*********************** * End DRUID infoboxes * ************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); border-bottom: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > *, .spoiler-content:hover > * { pointer-events:unset; } .spoiler-content.show, .spoiler-content.hover:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span, .spoiler-content.hover:hover > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { display: inline-flex; align-items: baseline; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /* [[Category:Template stylesheets]] */ /************************ * End Modular Templates * *************************/ 4e98dcbdf0ceccb4827b18f0a29ce3f4e6640677 246 245 2024-06-10T17:34:00Z MorphBot 477760 menu buttons css text/css /* CSS placed here will be applied to all skins */ :root, .theme-light { --wiki-body-background-image: none; --wiki-body-background-color: #f6f6f6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-color--secondary: #ffffff; --wiki-body-background-color--secondary--rgb: 255,255,255; --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 211, 194, 176; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: 0.0; --wiki-sidebar-border-color: var(--wiki-body-background-color); --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: #e8f2f8; --wiki-navigation-background-color--secondary--rgb: 232, 242, 248; --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); } .theme-dark { --wiki-body-background-image: none; --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 1.0; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); } /***************************** * Dark mode Syntax highlight * ******************************/ .view-dark .mw-highlight .hll { background-color: #49483e } .view-dark .mw-highlight { background: #272822; color: #f8f8f2 } .view-dark .mw-highlight .c { color: #75715e } /* Comment */ .view-dark .mw-highlight .err { color: #960050; background-color: #1e0010 } /* Error */ .view-dark .mw-highlight .k { color: #66d9ef } /* Keyword */ .view-dark .mw-highlight .l { color: #ae81ff } /* Literal */ .view-dark .mw-highlight .n { color: #f8f8f2 } /* Name */ .view-dark .mw-highlight .o { color: #f92672 } /* Operator */ .view-dark .mw-highlight .p { color: #f8f8f2 } /* Punctuation */ .view-dark .mw-highlight .ch { color: #75715e } /* Comment.Hashbang */ .view-dark .mw-highlight .cm { color: #75715e } /* Comment.Multiline */ .view-dark .mw-highlight .cp { color: #75715e } /* Comment.Preproc */ .view-dark .mw-highlight .cpf { color: #75715e } /* Comment.PreprocFile */ .view-dark .mw-highlight .c1 { color: #75715e } /* Comment.Single */ .view-dark .mw-highlight .cs { color: #75715e } /* Comment.Special */ .view-dark .mw-highlight .gd { color: #f92672 } /* Generic.Deleted */ .view-dark .mw-highlight .ge { font-style: italic } /* Generic.Emph */ .view-dark .mw-highlight .gi { color: #a6e22e } /* Generic.Inserted */ .view-dark .mw-highlight .gs { font-weight: bold } /* Generic.Strong */ .view-dark .mw-highlight .gu { color: #75715e } /* Generic.Subheading */ .view-dark .mw-highlight .kc { color: #66d9ef } /* Keyword.Constant */ .view-dark .mw-highlight .kd { color: #66d9ef } /* Keyword.Declaration */ .view-dark .mw-highlight .kn { color: #f92672 } /* Keyword.Namespace */ .view-dark .mw-highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ .view-dark .mw-highlight .kr { color: #66d9ef } /* Keyword.Reserved */ .view-dark .mw-highlight .kt { color: #66d9ef } /* Keyword.Type */ .view-dark .mw-highlight .ld { color: #e6db74 } /* Literal.Date */ .view-dark .mw-highlight .m { color: #ae81ff } /* Literal.Number */ .view-dark .mw-highlight .s { color: #e6db74 } /* Literal.String */ .view-dark .mw-highlight .na { color: #a6e22e } /* Name.Attribute */ .view-dark .mw-highlight .nb { color: #f8f8f2 } /* Name.Builtin */ .view-dark .mw-highlight .nc { color: #a6e22e } /* Name.Class */ .view-dark .mw-highlight .no { color: #66d9ef } /* Name.Constant */ .view-dark .mw-highlight .nd { color: #a6e22e } /* Name.Decorator */ .view-dark .mw-highlight .ni { color: #f8f8f2 } /* Name.Entity */ .view-dark .mw-highlight .ne { color: #a6e22e } /* Name.Exception */ .view-dark .mw-highlight .nf { color: #a6e22e } /* Name.Function */ .view-dark .mw-highlight .nl { color: #f8f8f2 } /* Name.Label */ .view-dark .mw-highlight .nn { color: #f8f8f2 } /* Name.Namespace */ .view-dark .mw-highlight .nx { color: #a6e22e } /* Name.Other */ .view-dark .mw-highlight .py { color: #f8f8f2 } /* Name.Property */ .view-dark .mw-highlight .nt { color: #f92672 } /* Name.Tag */ .view-dark .mw-highlight .nv { color: #f8f8f2 } /* Name.Variable */ .view-dark .mw-highlight .ow { color: #f92672 } /* Operator.Word */ .view-dark .mw-highlight .w { color: #f8f8f2 } /* Text.Whitespace */ .view-dark .mw-highlight .mb { color: #ae81ff } /* Literal.Number.Bin */ .view-dark .mw-highlight .mf { color: #ae81ff } /* Literal.Number.Float */ .view-dark .mw-highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ .view-dark .mw-highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ .view-dark .mw-highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ .view-dark .mw-highlight .sa { color: #e6db74 } /* Literal.String.Affix */ .view-dark .mw-highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ .view-dark .mw-highlight .sc { color: #e6db74 } /* Literal.String.Char */ .view-dark .mw-highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */ .view-dark .mw-highlight .sd { color: #e6db74 } /* Literal.String.Doc */ .view-dark .mw-highlight .s2 { color: #e6db74 } /* Literal.String.Double */ .view-dark .mw-highlight .se { color: #ae81ff } /* Literal.String.Escape */ .view-dark .mw-highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ .view-dark .mw-highlight .si { color: #e6db74 } /* Literal.String.Interpol */ .view-dark .mw-highlight .sx { color: #e6db74 } /* Literal.String.Other */ .view-dark .mw-highlight .sr { color: #e6db74 } /* Literal.String.Regex */ .view-dark .mw-highlight .s1 { color: #e6db74 } /* Literal.String.Single */ .view-dark .mw-highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ .view-dark .mw-highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ .view-dark .mw-highlight .fm { color: #a6e22e } /* Name.Function.Magic */ .view-dark .mw-highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ .view-dark .mw-highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ .view-dark .mw-highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ .view-dark .mw-highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */ .view-dark .mw-highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ /***************************** * End syntax highlight * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " · "; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-box-welcome {grid-area: welcome;} #mp-box-about {grid-area: about;} #mp-box-links {grid-area: links;} #mp-box-contribute {grid-area: contribute;} #mp-box-featured {grid-area: featured;} #mp-box-basics {grid-area: basics;} #mp-box-gallery {grid-area: gallery;} #mp-box-iconlists {grid-area: iconlists;} /* Example Main Page 1 Grid Layout */ #mp-layout1-container { display:grid; grid-template-areas: "welcome" "about" "featured" "basics" "gallery" "links" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout1-container { grid-template-areas: "welcome welcome" "about about" "featured basics" "gallery links" "contribute contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout1-container { grid-template-areas: "welcome welcome welcome" "about about basics" "featured featured basics" "gallery links links" "contribute contribute contribute"; grid-template-columns: 2fr 1fr 2fr; } } /* Example Main Page 2 Grid Layout */ #mp-layout2-container { display:grid; grid-template-areas: "welcome" "links" "about" "gallery" "iconlists" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout2-container { grid-template-areas: "welcome links" "gallery about" "iconlists about" "iconlists contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout2-container { grid-template-areas: "welcome welcome links" "welcome welcome about" "gallery gallery about" "iconlists iconlists contribute"; grid-template-columns: 3fr 2fr 2fr; } } /* Example Main Page 3 Grid Layout */ #mp-layout3-container { display:grid; grid-template-areas: "welcome" "about" "featured" "four" "priority" "projects" "wiki"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout3-container { grid-template-areas: "welcome welcome" "about about" "featured four" "priority projects" "wiki wiki"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout3-container { grid-template-areas: "welcome welcome welcome" "about about four" "featured featured four" "priority projects projects" "wiki wiki wiki"; grid-template-columns:2fr 1fr 2fr; } } .mp-box { display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-banner-container { position: relative; } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { position: relative; font-family: var(--wiki-heading-font-family); z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: 1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery { display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: 0; } .mp-box ul.gallery pre { box-shadow: inset 0 0 20px 2px #000; text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000; } /*********************** * End main page layout * ************************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border:4px solid var(--druid-border-color); background:var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 16.875em; box-sizing:border-box; border-collapse:collapse; } @media screen and (max-width: 450px) { .druid-container { width:100%; } } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-title, .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; } .druid-section { font-size:1.25em; } .druid-label { font-weight:bold; } .druid-main-images { padding:5px; } .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; } .druid-grid-item { background:var(--druid-tertiary-background-color); margin:0.25em; padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); } .druid-collapsed { display:none; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content:'–'; display:block; position:absolute; right:10px; font-size:20px; font-weight:bold; color:var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content:'+'; } /*********************** * End DRUID infoboxes * ************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); border-bottom: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > *, .spoiler-content:hover > * { pointer-events:unset; } .spoiler-content.show, .spoiler-content.hover:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span, .spoiler-content.hover:hover > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { display: inline-flex; align-items: baseline; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /* [[Category:Template stylesheets]] */ /********* [[Template:MainMenu]] *********/ .menu-title { color: #fff; font-size: 1.2rem; font-weight: 800; height: 35px; left: -10px; line-height: 1.9; padding-left: 10px; position: absolute; text-align: left; text-shadow: 1px 1px #000; top: -20px; width: 295px; } .menu-button li { display: inline-block; height: 46px; margin: 3px 0; min-width: 178px; } .menu-button a, .menu-button a:visited, .menu-button a.external, .menu-button a.external:visited { color: #fff; display: inline-block; font-size: 1rem; line-height: 2.9; min-width: 178px; } .menu-button a:hover { color: #fff; font-weight: bold; } /************************ * End Modular Templates * *************************/ f89d901bfbbd8c00a1f78ab8a765c8fbb27a0675 247 246 2024-06-10T17:42:57Z MorphBot 477760 css text/css /* CSS placed here will be applied to all skins */ :root, .theme-light { --wiki-body-background-image: none; --wiki-body-background-color: #f6f6f6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-color--secondary: #ffffff; --wiki-body-background-color--secondary--rgb: 255,255,255; --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 211, 194, 176; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: 0.0; --wiki-sidebar-border-color: var(--wiki-body-background-color); --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: #e8f2f8; --wiki-navigation-background-color--secondary--rgb: 232, 242, 248; --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); } .theme-dark { --wiki-body-background-image: none; --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 1.0; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); } /***************************** * Dark mode Syntax highlight * ******************************/ .view-dark .mw-highlight .hll { background-color: #49483e } .view-dark .mw-highlight { background: #272822; color: #f8f8f2 } .view-dark .mw-highlight .c { color: #75715e } /* Comment */ .view-dark .mw-highlight .err { color: #960050; background-color: #1e0010 } /* Error */ .view-dark .mw-highlight .k { color: #66d9ef } /* Keyword */ .view-dark .mw-highlight .l { color: #ae81ff } /* Literal */ .view-dark .mw-highlight .n { color: #f8f8f2 } /* Name */ .view-dark .mw-highlight .o { color: #f92672 } /* Operator */ .view-dark .mw-highlight .p { color: #f8f8f2 } /* Punctuation */ .view-dark .mw-highlight .ch { color: #75715e } /* Comment.Hashbang */ .view-dark .mw-highlight .cm { color: #75715e } /* Comment.Multiline */ .view-dark .mw-highlight .cp { color: #75715e } /* Comment.Preproc */ .view-dark .mw-highlight .cpf { color: #75715e } /* Comment.PreprocFile */ .view-dark .mw-highlight .c1 { color: #75715e } /* Comment.Single */ .view-dark .mw-highlight .cs { color: #75715e } /* Comment.Special */ .view-dark .mw-highlight .gd { color: #f92672 } /* Generic.Deleted */ .view-dark .mw-highlight .ge { font-style: italic } /* Generic.Emph */ .view-dark .mw-highlight .gi { color: #a6e22e } /* Generic.Inserted */ .view-dark .mw-highlight .gs { font-weight: bold } /* Generic.Strong */ .view-dark .mw-highlight .gu { color: #75715e } /* Generic.Subheading */ .view-dark .mw-highlight .kc { color: #66d9ef } /* Keyword.Constant */ .view-dark .mw-highlight .kd { color: #66d9ef } /* Keyword.Declaration */ .view-dark .mw-highlight .kn { color: #f92672 } /* Keyword.Namespace */ .view-dark .mw-highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ .view-dark .mw-highlight .kr { color: #66d9ef } /* Keyword.Reserved */ .view-dark .mw-highlight .kt { color: #66d9ef } /* Keyword.Type */ .view-dark .mw-highlight .ld { color: #e6db74 } /* Literal.Date */ .view-dark .mw-highlight .m { color: #ae81ff } /* Literal.Number */ .view-dark .mw-highlight .s { color: #e6db74 } /* Literal.String */ .view-dark .mw-highlight .na { color: #a6e22e } /* Name.Attribute */ .view-dark .mw-highlight .nb { color: #f8f8f2 } /* Name.Builtin */ .view-dark .mw-highlight .nc { color: #a6e22e } /* Name.Class */ .view-dark .mw-highlight .no { color: #66d9ef } /* Name.Constant */ .view-dark .mw-highlight .nd { color: #a6e22e } /* Name.Decorator */ .view-dark .mw-highlight .ni { color: #f8f8f2 } /* Name.Entity */ .view-dark .mw-highlight .ne { color: #a6e22e } /* Name.Exception */ .view-dark .mw-highlight .nf { color: #a6e22e } /* Name.Function */ .view-dark .mw-highlight .nl { color: #f8f8f2 } /* Name.Label */ .view-dark .mw-highlight .nn { color: #f8f8f2 } /* Name.Namespace */ .view-dark .mw-highlight .nx { color: #a6e22e } /* Name.Other */ .view-dark .mw-highlight .py { color: #f8f8f2 } /* Name.Property */ .view-dark .mw-highlight .nt { color: #f92672 } /* Name.Tag */ .view-dark .mw-highlight .nv { color: #f8f8f2 } /* Name.Variable */ .view-dark .mw-highlight .ow { color: #f92672 } /* Operator.Word */ .view-dark .mw-highlight .w { color: #f8f8f2 } /* Text.Whitespace */ .view-dark .mw-highlight .mb { color: #ae81ff } /* Literal.Number.Bin */ .view-dark .mw-highlight .mf { color: #ae81ff } /* Literal.Number.Float */ .view-dark .mw-highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ .view-dark .mw-highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ .view-dark .mw-highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ .view-dark .mw-highlight .sa { color: #e6db74 } /* Literal.String.Affix */ .view-dark .mw-highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ .view-dark .mw-highlight .sc { color: #e6db74 } /* Literal.String.Char */ .view-dark .mw-highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */ .view-dark .mw-highlight .sd { color: #e6db74 } /* Literal.String.Doc */ .view-dark .mw-highlight .s2 { color: #e6db74 } /* Literal.String.Double */ .view-dark .mw-highlight .se { color: #ae81ff } /* Literal.String.Escape */ .view-dark .mw-highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ .view-dark .mw-highlight .si { color: #e6db74 } /* Literal.String.Interpol */ .view-dark .mw-highlight .sx { color: #e6db74 } /* Literal.String.Other */ .view-dark .mw-highlight .sr { color: #e6db74 } /* Literal.String.Regex */ .view-dark .mw-highlight .s1 { color: #e6db74 } /* Literal.String.Single */ .view-dark .mw-highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ .view-dark .mw-highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ .view-dark .mw-highlight .fm { color: #a6e22e } /* Name.Function.Magic */ .view-dark .mw-highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ .view-dark .mw-highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ .view-dark .mw-highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ .view-dark .mw-highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */ .view-dark .mw-highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ /***************************** * End syntax highlight * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " · "; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-box-welcome {grid-area: welcome;} #mp-box-about {grid-area: about;} #mp-box-links {grid-area: links;} #mp-box-contribute {grid-area: contribute;} #mp-box-featured {grid-area: featured;} #mp-box-basics {grid-area: basics;} #mp-box-gallery {grid-area: gallery;} #mp-box-iconlists {grid-area: iconlists;} /* Example Main Page 1 Grid Layout */ #mp-layout1-container { display:grid; grid-template-areas: "welcome" "about" "featured" "basics" "gallery" "links" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout1-container { grid-template-areas: "welcome welcome" "about about" "featured basics" "gallery links" "contribute contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout1-container { grid-template-areas: "welcome welcome welcome" "about about basics" "featured featured basics" "gallery links links" "contribute contribute contribute"; grid-template-columns: 2fr 1fr 2fr; } } /* Example Main Page 2 Grid Layout */ #mp-layout2-container { display:grid; grid-template-areas: "welcome" "links" "about" "gallery" "iconlists" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout2-container { grid-template-areas: "welcome links" "gallery about" "iconlists about" "iconlists contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout2-container { grid-template-areas: "welcome welcome links" "welcome welcome about" "gallery gallery about" "iconlists iconlists contribute"; grid-template-columns: 3fr 2fr 2fr; } } /* Example Main Page 3 Grid Layout */ #mp-layout3-container { display:grid; grid-template-areas: "welcome" "about" "featured" "four" "priority" "projects" "wiki"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout3-container { grid-template-areas: "welcome welcome" "about about" "featured four" "priority projects" "wiki wiki"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout3-container { grid-template-areas: "welcome welcome welcome" "about about four" "featured featured four" "priority projects projects" "wiki wiki wiki"; grid-template-columns:2fr 1fr 2fr; } } .mp-box { display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-banner-container { position: relative; } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { position: relative; font-family: var(--wiki-heading-font-family); z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: 1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery { display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: 0; } .mp-box ul.gallery pre { box-shadow: inset 0 0 20px 2px #000; text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000; } /*********************** * End main page layout * ************************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border:4px solid var(--druid-border-color); background:var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 16.875em; box-sizing:border-box; border-collapse:collapse; } @media screen and (max-width: 450px) { .druid-container { width:100%; } } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-title, .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; } .druid-section { font-size:1.25em; } .druid-label { font-weight:bold; } .druid-main-images { padding:5px; } .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; } .druid-grid-item { background:var(--druid-tertiary-background-color); margin:0.25em; padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); } .druid-collapsed { display:none; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content:'–'; display:block; position:absolute; right:10px; font-size:20px; font-weight:bold; color:var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content:'+'; } /*********************** * End DRUID infoboxes * ************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); border-bottom: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > *, .spoiler-content:hover > * { pointer-events:unset; } .spoiler-content.show, .spoiler-content.hover:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span, .spoiler-content.hover:hover > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { display: inline-flex; align-items: baseline; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /* [[Category:Template stylesheets]] */ /********* [[Template:MainMenu]] *********/ .menu-title { color: #fff; font-size: 1.2rem; font-weight: 800; height: 35px; left: -10px; line-height: 1.9; padding-left: 10px; position: absolute; text-align: left; text-shadow: 1px 1px #000; top: -20px; width: 295px; } .menu-button li { display: inline-block; height: 46px; margin: 3px 0; min-width: 178px; } .menu-button a, .menu-button a:visited, .menu-button a.external, .menu-button a.external:visited { color: #fff; display: inline-block; font-size: 1rem; line-height: 2.9; min-width: 178px; } .menu-button a:hover { color: #fff; font-weight: bold; } .menu-page { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .menu-container { display: flex; flex-direction: column; } /************************ * End Modular Templates * *************************/ ef2ff8975df7162ed6089c4b4a13b7e53ecbf158 249 247 2024-06-10T17:45:35Z MorphBot 477760 css text/css /* CSS placed here will be applied to all skins */ :root, .theme-light { --wiki-body-background-image: none; --wiki-body-background-color: #f6f6f6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-color--secondary: #ffffff; --wiki-body-background-color--secondary--rgb: 255,255,255; --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 211, 194, 176; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: 0.0; --wiki-sidebar-border-color: var(--wiki-body-background-color); --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: #e8f2f8; --wiki-navigation-background-color--secondary--rgb: 232, 242, 248; --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); } .theme-dark { --wiki-body-background-image: none; --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 1.0; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); } /***************************** * Dark mode Syntax highlight * ******************************/ .view-dark .mw-highlight .hll { background-color: #49483e } .view-dark .mw-highlight { background: #272822; color: #f8f8f2 } .view-dark .mw-highlight .c { color: #75715e } /* Comment */ .view-dark .mw-highlight .err { color: #960050; background-color: #1e0010 } /* Error */ .view-dark .mw-highlight .k { color: #66d9ef } /* Keyword */ .view-dark .mw-highlight .l { color: #ae81ff } /* Literal */ .view-dark .mw-highlight .n { color: #f8f8f2 } /* Name */ .view-dark .mw-highlight .o { color: #f92672 } /* Operator */ .view-dark .mw-highlight .p { color: #f8f8f2 } /* Punctuation */ .view-dark .mw-highlight .ch { color: #75715e } /* Comment.Hashbang */ .view-dark .mw-highlight .cm { color: #75715e } /* Comment.Multiline */ .view-dark .mw-highlight .cp { color: #75715e } /* Comment.Preproc */ .view-dark .mw-highlight .cpf { color: #75715e } /* Comment.PreprocFile */ .view-dark .mw-highlight .c1 { color: #75715e } /* Comment.Single */ .view-dark .mw-highlight .cs { color: #75715e } /* Comment.Special */ .view-dark .mw-highlight .gd { color: #f92672 } /* Generic.Deleted */ .view-dark .mw-highlight .ge { font-style: italic } /* Generic.Emph */ .view-dark .mw-highlight .gi { color: #a6e22e } /* Generic.Inserted */ .view-dark .mw-highlight .gs { font-weight: bold } /* Generic.Strong */ .view-dark .mw-highlight .gu { color: #75715e } /* Generic.Subheading */ .view-dark .mw-highlight .kc { color: #66d9ef } /* Keyword.Constant */ .view-dark .mw-highlight .kd { color: #66d9ef } /* Keyword.Declaration */ .view-dark .mw-highlight .kn { color: #f92672 } /* Keyword.Namespace */ .view-dark .mw-highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ .view-dark .mw-highlight .kr { color: #66d9ef } /* Keyword.Reserved */ .view-dark .mw-highlight .kt { color: #66d9ef } /* Keyword.Type */ .view-dark .mw-highlight .ld { color: #e6db74 } /* Literal.Date */ .view-dark .mw-highlight .m { color: #ae81ff } /* Literal.Number */ .view-dark .mw-highlight .s { color: #e6db74 } /* Literal.String */ .view-dark .mw-highlight .na { color: #a6e22e } /* Name.Attribute */ .view-dark .mw-highlight .nb { color: #f8f8f2 } /* Name.Builtin */ .view-dark .mw-highlight .nc { color: #a6e22e } /* Name.Class */ .view-dark .mw-highlight .no { color: #66d9ef } /* Name.Constant */ .view-dark .mw-highlight .nd { color: #a6e22e } /* Name.Decorator */ .view-dark .mw-highlight .ni { color: #f8f8f2 } /* Name.Entity */ .view-dark .mw-highlight .ne { color: #a6e22e } /* Name.Exception */ .view-dark .mw-highlight .nf { color: #a6e22e } /* Name.Function */ .view-dark .mw-highlight .nl { color: #f8f8f2 } /* Name.Label */ .view-dark .mw-highlight .nn { color: #f8f8f2 } /* Name.Namespace */ .view-dark .mw-highlight .nx { color: #a6e22e } /* Name.Other */ .view-dark .mw-highlight .py { color: #f8f8f2 } /* Name.Property */ .view-dark .mw-highlight .nt { color: #f92672 } /* Name.Tag */ .view-dark .mw-highlight .nv { color: #f8f8f2 } /* Name.Variable */ .view-dark .mw-highlight .ow { color: #f92672 } /* Operator.Word */ .view-dark .mw-highlight .w { color: #f8f8f2 } /* Text.Whitespace */ .view-dark .mw-highlight .mb { color: #ae81ff } /* Literal.Number.Bin */ .view-dark .mw-highlight .mf { color: #ae81ff } /* Literal.Number.Float */ .view-dark .mw-highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ .view-dark .mw-highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ .view-dark .mw-highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ .view-dark .mw-highlight .sa { color: #e6db74 } /* Literal.String.Affix */ .view-dark .mw-highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ .view-dark .mw-highlight .sc { color: #e6db74 } /* Literal.String.Char */ .view-dark .mw-highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */ .view-dark .mw-highlight .sd { color: #e6db74 } /* Literal.String.Doc */ .view-dark .mw-highlight .s2 { color: #e6db74 } /* Literal.String.Double */ .view-dark .mw-highlight .se { color: #ae81ff } /* Literal.String.Escape */ .view-dark .mw-highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ .view-dark .mw-highlight .si { color: #e6db74 } /* Literal.String.Interpol */ .view-dark .mw-highlight .sx { color: #e6db74 } /* Literal.String.Other */ .view-dark .mw-highlight .sr { color: #e6db74 } /* Literal.String.Regex */ .view-dark .mw-highlight .s1 { color: #e6db74 } /* Literal.String.Single */ .view-dark .mw-highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ .view-dark .mw-highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ .view-dark .mw-highlight .fm { color: #a6e22e } /* Name.Function.Magic */ .view-dark .mw-highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ .view-dark .mw-highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ .view-dark .mw-highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ .view-dark .mw-highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */ .view-dark .mw-highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ /***************************** * End syntax highlight * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " · "; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-box-welcome {grid-area: welcome;} #mp-box-about {grid-area: about;} #mp-box-links {grid-area: links;} #mp-box-contribute {grid-area: contribute;} #mp-box-featured {grid-area: featured;} #mp-box-basics {grid-area: basics;} #mp-box-gallery {grid-area: gallery;} #mp-box-iconlists {grid-area: iconlists;} /* Example Main Page 1 Grid Layout */ #mp-layout1-container { display:grid; grid-template-areas: "welcome" "about" "featured" "basics" "gallery" "links" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout1-container { grid-template-areas: "welcome welcome" "about about" "featured basics" "gallery links" "contribute contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout1-container { grid-template-areas: "welcome welcome welcome" "about about basics" "featured featured basics" "gallery links links" "contribute contribute contribute"; grid-template-columns: 2fr 1fr 2fr; } } /* Example Main Page 2 Grid Layout */ #mp-layout2-container { display:grid; grid-template-areas: "welcome" "links" "about" "gallery" "iconlists" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout2-container { grid-template-areas: "welcome links" "gallery about" "iconlists about" "iconlists contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout2-container { grid-template-areas: "welcome welcome links" "welcome welcome about" "gallery gallery about" "iconlists iconlists contribute"; grid-template-columns: 3fr 2fr 2fr; } } /* Example Main Page 3 Grid Layout */ #mp-layout3-container { display:grid; grid-template-areas: "welcome" "about" "featured" "four" "priority" "projects" "wiki"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout3-container { grid-template-areas: "welcome welcome" "about about" "featured four" "priority projects" "wiki wiki"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout3-container { grid-template-areas: "welcome welcome welcome" "about about four" "featured featured four" "priority projects projects" "wiki wiki wiki"; grid-template-columns:2fr 1fr 2fr; } } .mp-box { display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-banner-container { position: relative; } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { position: relative; font-family: var(--wiki-heading-font-family); z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: 1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery { display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: 0; } .mp-box ul.gallery pre { box-shadow: inset 0 0 20px 2px #000; text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000; } /*********************** * End main page layout * ************************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border:4px solid var(--druid-border-color); background:var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 16.875em; box-sizing:border-box; border-collapse:collapse; } @media screen and (max-width: 450px) { .druid-container { width:100%; } } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-title, .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; } .druid-section { font-size:1.25em; } .druid-label { font-weight:bold; } .druid-main-images { padding:5px; } .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; } .druid-grid-item { background:var(--druid-tertiary-background-color); margin:0.25em; padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); } .druid-collapsed { display:none; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content:'–'; display:block; position:absolute; right:10px; font-size:20px; font-weight:bold; color:var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content:'+'; } /*********************** * End DRUID infoboxes * ************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); border-bottom: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > *, .spoiler-content:hover > * { pointer-events:unset; } .spoiler-content.show, .spoiler-content.hover:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span, .spoiler-content.hover:hover > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { display: inline-flex; align-items: baseline; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /* [[Category:Template stylesheets]] */ /********* [[Template:MainMenu]] *********/ .menu-title { background-color: #9747FF; color: #fff; font-size: 1.2rem; font-weight: 800; padding: 10px; text-align: left; text-shadow: 1px 1px #000; } .menu-button li { display: inline-block; height: 46px; margin: 3px 0; min-width: 178px; } .menu-button a, .menu-button a:visited, .menu-button a.external, .menu-button a.external:visited { color: #fff; display: inline-block; font-size: 1rem; line-height: 2.9; min-width: 178px; } .menu-button a:hover { color: #fff; font-weight: bold; } .menu-page { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .menu-container { display: flex; flex-direction: column; } /************************ * End Modular Templates * *************************/ 17654a0a5d536c7c5a9e0a64c56a50a34dfb9765 250 249 2024-06-10T17:46:26Z MorphBot 477760 css text/css /* CSS placed here will be applied to all skins */ :root, .theme-light { --wiki-body-background-image: none; --wiki-body-background-color: #f6f6f6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-color--secondary: #ffffff; --wiki-body-background-color--secondary--rgb: 255,255,255; --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 211, 194, 176; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: 0.0; --wiki-sidebar-border-color: var(--wiki-body-background-color); --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: #e8f2f8; --wiki-navigation-background-color--secondary--rgb: 232, 242, 248; --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); } .theme-dark { --wiki-body-background-image: none; --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 1.0; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); } /***************************** * Dark mode Syntax highlight * ******************************/ .view-dark .mw-highlight .hll { background-color: #49483e } .view-dark .mw-highlight { background: #272822; color: #f8f8f2 } .view-dark .mw-highlight .c { color: #75715e } /* Comment */ .view-dark .mw-highlight .err { color: #960050; background-color: #1e0010 } /* Error */ .view-dark .mw-highlight .k { color: #66d9ef } /* Keyword */ .view-dark .mw-highlight .l { color: #ae81ff } /* Literal */ .view-dark .mw-highlight .n { color: #f8f8f2 } /* Name */ .view-dark .mw-highlight .o { color: #f92672 } /* Operator */ .view-dark .mw-highlight .p { color: #f8f8f2 } /* Punctuation */ .view-dark .mw-highlight .ch { color: #75715e } /* Comment.Hashbang */ .view-dark .mw-highlight .cm { color: #75715e } /* Comment.Multiline */ .view-dark .mw-highlight .cp { color: #75715e } /* Comment.Preproc */ .view-dark .mw-highlight .cpf { color: #75715e } /* Comment.PreprocFile */ .view-dark .mw-highlight .c1 { color: #75715e } /* Comment.Single */ .view-dark .mw-highlight .cs { color: #75715e } /* Comment.Special */ .view-dark .mw-highlight .gd { color: #f92672 } /* Generic.Deleted */ .view-dark .mw-highlight .ge { font-style: italic } /* Generic.Emph */ .view-dark .mw-highlight .gi { color: #a6e22e } /* Generic.Inserted */ .view-dark .mw-highlight .gs { font-weight: bold } /* Generic.Strong */ .view-dark .mw-highlight .gu { color: #75715e } /* Generic.Subheading */ .view-dark .mw-highlight .kc { color: #66d9ef } /* Keyword.Constant */ .view-dark .mw-highlight .kd { color: #66d9ef } /* Keyword.Declaration */ .view-dark .mw-highlight .kn { color: #f92672 } /* Keyword.Namespace */ .view-dark .mw-highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ .view-dark .mw-highlight .kr { color: #66d9ef } /* Keyword.Reserved */ .view-dark .mw-highlight .kt { color: #66d9ef } /* Keyword.Type */ .view-dark .mw-highlight .ld { color: #e6db74 } /* Literal.Date */ .view-dark .mw-highlight .m { color: #ae81ff } /* Literal.Number */ .view-dark .mw-highlight .s { color: #e6db74 } /* Literal.String */ .view-dark .mw-highlight .na { color: #a6e22e } /* Name.Attribute */ .view-dark .mw-highlight .nb { color: #f8f8f2 } /* Name.Builtin */ .view-dark .mw-highlight .nc { color: #a6e22e } /* Name.Class */ .view-dark .mw-highlight .no { color: #66d9ef } /* Name.Constant */ .view-dark .mw-highlight .nd { color: #a6e22e } /* Name.Decorator */ .view-dark .mw-highlight .ni { color: #f8f8f2 } /* Name.Entity */ .view-dark .mw-highlight .ne { color: #a6e22e } /* Name.Exception */ .view-dark .mw-highlight .nf { color: #a6e22e } /* Name.Function */ .view-dark .mw-highlight .nl { color: #f8f8f2 } /* Name.Label */ .view-dark .mw-highlight .nn { color: #f8f8f2 } /* Name.Namespace */ .view-dark .mw-highlight .nx { color: #a6e22e } /* Name.Other */ .view-dark .mw-highlight .py { color: #f8f8f2 } /* Name.Property */ .view-dark .mw-highlight .nt { color: #f92672 } /* Name.Tag */ .view-dark .mw-highlight .nv { color: #f8f8f2 } /* Name.Variable */ .view-dark .mw-highlight .ow { color: #f92672 } /* Operator.Word */ .view-dark .mw-highlight .w { color: #f8f8f2 } /* Text.Whitespace */ .view-dark .mw-highlight .mb { color: #ae81ff } /* Literal.Number.Bin */ .view-dark .mw-highlight .mf { color: #ae81ff } /* Literal.Number.Float */ .view-dark .mw-highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ .view-dark .mw-highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ .view-dark .mw-highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ .view-dark .mw-highlight .sa { color: #e6db74 } /* Literal.String.Affix */ .view-dark .mw-highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ .view-dark .mw-highlight .sc { color: #e6db74 } /* Literal.String.Char */ .view-dark .mw-highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */ .view-dark .mw-highlight .sd { color: #e6db74 } /* Literal.String.Doc */ .view-dark .mw-highlight .s2 { color: #e6db74 } /* Literal.String.Double */ .view-dark .mw-highlight .se { color: #ae81ff } /* Literal.String.Escape */ .view-dark .mw-highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ .view-dark .mw-highlight .si { color: #e6db74 } /* Literal.String.Interpol */ .view-dark .mw-highlight .sx { color: #e6db74 } /* Literal.String.Other */ .view-dark .mw-highlight .sr { color: #e6db74 } /* Literal.String.Regex */ .view-dark .mw-highlight .s1 { color: #e6db74 } /* Literal.String.Single */ .view-dark .mw-highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ .view-dark .mw-highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ .view-dark .mw-highlight .fm { color: #a6e22e } /* Name.Function.Magic */ .view-dark .mw-highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ .view-dark .mw-highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ .view-dark .mw-highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ .view-dark .mw-highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */ .view-dark .mw-highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ /***************************** * End syntax highlight * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " · "; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-box-welcome {grid-area: welcome;} #mp-box-about {grid-area: about;} #mp-box-links {grid-area: links;} #mp-box-contribute {grid-area: contribute;} #mp-box-featured {grid-area: featured;} #mp-box-basics {grid-area: basics;} #mp-box-gallery {grid-area: gallery;} #mp-box-iconlists {grid-area: iconlists;} /* Example Main Page 1 Grid Layout */ #mp-layout1-container { display:grid; grid-template-areas: "welcome" "about" "featured" "basics" "gallery" "links" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout1-container { grid-template-areas: "welcome welcome" "about about" "featured basics" "gallery links" "contribute contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout1-container { grid-template-areas: "welcome welcome welcome" "about about basics" "featured featured basics" "gallery links links" "contribute contribute contribute"; grid-template-columns: 2fr 1fr 2fr; } } /* Example Main Page 2 Grid Layout */ #mp-layout2-container { display:grid; grid-template-areas: "welcome" "links" "about" "gallery" "iconlists" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout2-container { grid-template-areas: "welcome links" "gallery about" "iconlists about" "iconlists contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout2-container { grid-template-areas: "welcome welcome links" "welcome welcome about" "gallery gallery about" "iconlists iconlists contribute"; grid-template-columns: 3fr 2fr 2fr; } } /* Example Main Page 3 Grid Layout */ #mp-layout3-container { display:grid; grid-template-areas: "welcome" "about" "featured" "four" "priority" "projects" "wiki"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout3-container { grid-template-areas: "welcome welcome" "about about" "featured four" "priority projects" "wiki wiki"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout3-container { grid-template-areas: "welcome welcome welcome" "about about four" "featured featured four" "priority projects projects" "wiki wiki wiki"; grid-template-columns:2fr 1fr 2fr; } } .mp-box { display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-banner-container { position: relative; } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { position: relative; font-family: var(--wiki-heading-font-family); z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: 1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery { display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: 0; } .mp-box ul.gallery pre { box-shadow: inset 0 0 20px 2px #000; text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000; } /*********************** * End main page layout * ************************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border:4px solid var(--druid-border-color); background:var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 16.875em; box-sizing:border-box; border-collapse:collapse; } @media screen and (max-width: 450px) { .druid-container { width:100%; } } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-title, .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; } .druid-section { font-size:1.25em; } .druid-label { font-weight:bold; } .druid-main-images { padding:5px; } .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; } .druid-grid-item { background:var(--druid-tertiary-background-color); margin:0.25em; padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); } .druid-collapsed { display:none; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content:'–'; display:block; position:absolute; right:10px; font-size:20px; font-weight:bold; color:var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content:'+'; } /*********************** * End DRUID infoboxes * ************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); border-bottom: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > *, .spoiler-content:hover > * { pointer-events:unset; } .spoiler-content.show, .spoiler-content.hover:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span, .spoiler-content.hover:hover > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { display: inline-flex; align-items: baseline; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /* [[Category:Template stylesheets]] */ /********* [[Template:MainMenu]] *********/ .menu-title { background-color: #9747FF; color: #fff; font-size: 1.2rem; font-weight: 800; padding: 10px; text-align: left; text-shadow: 1px 1px #000; } .menu-button li { display: inline-block; height: 46px; margin: 3px 0; min-width: 178px; } .menu-button a, .menu-button a:visited, .menu-button a.external, .menu-button a.external:visited { color: #fff; display: inline-block; font-size: 1rem; line-height: 2.9; min-width: 178px; } .menu-button a:hover { color: #fff; font-weight: bold; } .menu-page { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .menu-container { display: flex; flex-direction: column; margin: 5px; } /************************ * End Modular Templates * *************************/ 546d58d6e980bec3f5f7035bba46435cc1555ad7 251 250 2024-06-10T17:48:06Z MorphBot 477760 css text/css /* CSS placed here will be applied to all skins */ :root, .theme-light { --wiki-body-background-image: none; --wiki-body-background-color: #f6f6f6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-color--secondary: #ffffff; --wiki-body-background-color--secondary--rgb: 255,255,255; --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 211, 194, 176; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: 0.0; --wiki-sidebar-border-color: var(--wiki-body-background-color); --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: #e8f2f8; --wiki-navigation-background-color--secondary--rgb: 232, 242, 248; --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); } .theme-dark { --wiki-body-background-image: none; --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 1.0; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); } /***************************** * Dark mode Syntax highlight * ******************************/ .view-dark .mw-highlight .hll { background-color: #49483e } .view-dark .mw-highlight { background: #272822; color: #f8f8f2 } .view-dark .mw-highlight .c { color: #75715e } /* Comment */ .view-dark .mw-highlight .err { color: #960050; background-color: #1e0010 } /* Error */ .view-dark .mw-highlight .k { color: #66d9ef } /* Keyword */ .view-dark .mw-highlight .l { color: #ae81ff } /* Literal */ .view-dark .mw-highlight .n { color: #f8f8f2 } /* Name */ .view-dark .mw-highlight .o { color: #f92672 } /* Operator */ .view-dark .mw-highlight .p { color: #f8f8f2 } /* Punctuation */ .view-dark .mw-highlight .ch { color: #75715e } /* Comment.Hashbang */ .view-dark .mw-highlight .cm { color: #75715e } /* Comment.Multiline */ .view-dark .mw-highlight .cp { color: #75715e } /* Comment.Preproc */ .view-dark .mw-highlight .cpf { color: #75715e } /* Comment.PreprocFile */ .view-dark .mw-highlight .c1 { color: #75715e } /* Comment.Single */ .view-dark .mw-highlight .cs { color: #75715e } /* Comment.Special */ .view-dark .mw-highlight .gd { color: #f92672 } /* Generic.Deleted */ .view-dark .mw-highlight .ge { font-style: italic } /* Generic.Emph */ .view-dark .mw-highlight .gi { color: #a6e22e } /* Generic.Inserted */ .view-dark .mw-highlight .gs { font-weight: bold } /* Generic.Strong */ .view-dark .mw-highlight .gu { color: #75715e } /* Generic.Subheading */ .view-dark .mw-highlight .kc { color: #66d9ef } /* Keyword.Constant */ .view-dark .mw-highlight .kd { color: #66d9ef } /* Keyword.Declaration */ .view-dark .mw-highlight .kn { color: #f92672 } /* Keyword.Namespace */ .view-dark .mw-highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ .view-dark .mw-highlight .kr { color: #66d9ef } /* Keyword.Reserved */ .view-dark .mw-highlight .kt { color: #66d9ef } /* Keyword.Type */ .view-dark .mw-highlight .ld { color: #e6db74 } /* Literal.Date */ .view-dark .mw-highlight .m { color: #ae81ff } /* Literal.Number */ .view-dark .mw-highlight .s { color: #e6db74 } /* Literal.String */ .view-dark .mw-highlight .na { color: #a6e22e } /* Name.Attribute */ .view-dark .mw-highlight .nb { color: #f8f8f2 } /* Name.Builtin */ .view-dark .mw-highlight .nc { color: #a6e22e } /* Name.Class */ .view-dark .mw-highlight .no { color: #66d9ef } /* Name.Constant */ .view-dark .mw-highlight .nd { color: #a6e22e } /* Name.Decorator */ .view-dark .mw-highlight .ni { color: #f8f8f2 } /* Name.Entity */ .view-dark .mw-highlight .ne { color: #a6e22e } /* Name.Exception */ .view-dark .mw-highlight .nf { color: #a6e22e } /* Name.Function */ .view-dark .mw-highlight .nl { color: #f8f8f2 } /* Name.Label */ .view-dark .mw-highlight .nn { color: #f8f8f2 } /* Name.Namespace */ .view-dark .mw-highlight .nx { color: #a6e22e } /* Name.Other */ .view-dark .mw-highlight .py { color: #f8f8f2 } /* Name.Property */ .view-dark .mw-highlight .nt { color: #f92672 } /* Name.Tag */ .view-dark .mw-highlight .nv { color: #f8f8f2 } /* Name.Variable */ .view-dark .mw-highlight .ow { color: #f92672 } /* Operator.Word */ .view-dark .mw-highlight .w { color: #f8f8f2 } /* Text.Whitespace */ .view-dark .mw-highlight .mb { color: #ae81ff } /* Literal.Number.Bin */ .view-dark .mw-highlight .mf { color: #ae81ff } /* Literal.Number.Float */ .view-dark .mw-highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ .view-dark .mw-highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ .view-dark .mw-highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ .view-dark .mw-highlight .sa { color: #e6db74 } /* Literal.String.Affix */ .view-dark .mw-highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ .view-dark .mw-highlight .sc { color: #e6db74 } /* Literal.String.Char */ .view-dark .mw-highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */ .view-dark .mw-highlight .sd { color: #e6db74 } /* Literal.String.Doc */ .view-dark .mw-highlight .s2 { color: #e6db74 } /* Literal.String.Double */ .view-dark .mw-highlight .se { color: #ae81ff } /* Literal.String.Escape */ .view-dark .mw-highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ .view-dark .mw-highlight .si { color: #e6db74 } /* Literal.String.Interpol */ .view-dark .mw-highlight .sx { color: #e6db74 } /* Literal.String.Other */ .view-dark .mw-highlight .sr { color: #e6db74 } /* Literal.String.Regex */ .view-dark .mw-highlight .s1 { color: #e6db74 } /* Literal.String.Single */ .view-dark .mw-highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ .view-dark .mw-highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ .view-dark .mw-highlight .fm { color: #a6e22e } /* Name.Function.Magic */ .view-dark .mw-highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ .view-dark .mw-highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ .view-dark .mw-highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ .view-dark .mw-highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */ .view-dark .mw-highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ /***************************** * End syntax highlight * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " · "; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-box-welcome {grid-area: welcome;} #mp-box-about {grid-area: about;} #mp-box-links {grid-area: links;} #mp-box-contribute {grid-area: contribute;} #mp-box-featured {grid-area: featured;} #mp-box-basics {grid-area: basics;} #mp-box-gallery {grid-area: gallery;} #mp-box-iconlists {grid-area: iconlists;} /* Example Main Page 1 Grid Layout */ #mp-layout1-container { display:grid; grid-template-areas: "welcome" "about" "featured" "basics" "gallery" "links" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout1-container { grid-template-areas: "welcome welcome" "about about" "featured basics" "gallery links" "contribute contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout1-container { grid-template-areas: "welcome welcome welcome" "about about basics" "featured featured basics" "gallery links links" "contribute contribute contribute"; grid-template-columns: 2fr 1fr 2fr; } } /* Example Main Page 2 Grid Layout */ #mp-layout2-container { display:grid; grid-template-areas: "welcome" "links" "about" "gallery" "iconlists" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout2-container { grid-template-areas: "welcome links" "gallery about" "iconlists about" "iconlists contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout2-container { grid-template-areas: "welcome welcome links" "welcome welcome about" "gallery gallery about" "iconlists iconlists contribute"; grid-template-columns: 3fr 2fr 2fr; } } /* Example Main Page 3 Grid Layout */ #mp-layout3-container { display:grid; grid-template-areas: "welcome" "about" "featured" "four" "priority" "projects" "wiki"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout3-container { grid-template-areas: "welcome welcome" "about about" "featured four" "priority projects" "wiki wiki"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout3-container { grid-template-areas: "welcome welcome welcome" "about about four" "featured featured four" "priority projects projects" "wiki wiki wiki"; grid-template-columns:2fr 1fr 2fr; } } .mp-box { display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-banner-container { position: relative; } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { position: relative; font-family: var(--wiki-heading-font-family); z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: 1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery { display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: 0; } .mp-box ul.gallery pre { box-shadow: inset 0 0 20px 2px #000; text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000; } /*********************** * End main page layout * ************************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border:4px solid var(--druid-border-color); background:var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 16.875em; box-sizing:border-box; border-collapse:collapse; } @media screen and (max-width: 450px) { .druid-container { width:100%; } } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-title, .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; } .druid-section { font-size:1.25em; } .druid-label { font-weight:bold; } .druid-main-images { padding:5px; } .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; } .druid-grid-item { background:var(--druid-tertiary-background-color); margin:0.25em; padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); } .druid-collapsed { display:none; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content:'–'; display:block; position:absolute; right:10px; font-size:20px; font-weight:bold; color:var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content:'+'; } /*********************** * End DRUID infoboxes * ************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); border-bottom: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > *, .spoiler-content:hover > * { pointer-events:unset; } .spoiler-content.show, .spoiler-content.hover:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span, .spoiler-content.hover:hover > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { display: inline-flex; align-items: baseline; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /* [[Category:Template stylesheets]] */ /********* [[Template:MainMenu]] *********/ .menu-title { background-color: #9747FF; color: #fff; font-size: 1.2rem; font-weight: 800; padding: 10px; text-align: left; text-shadow: 1px 1px #000; } .menu-button li { display: inline-block; height: 46px; margin: 3px 0; min-width: 178px; } .menu-button a, .menu-button a:visited, .menu-button a.external, .menu-button a.external:visited { color: #fff; font-size: 1rem; line-height: 2.9; min-width: 178px; } .menu-button a:hover { color: #fff; font-weight: bold; } .menu-page { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .menu-container { margin: 5px; } /************************ * End Modular Templates * *************************/ 7bdc39fd524bbd28b4b8582dd503c1cda00ae291 253 251 2024-06-10T17:53:31Z MorphBot 477760 css text/css /* CSS placed here will be applied to all skins */ :root, .theme-light { --wiki-body-background-image: none; --wiki-body-background-color: #f6f6f6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-color--secondary: #ffffff; --wiki-body-background-color--secondary--rgb: 255,255,255; --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 211, 194, 176; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: 0.0; --wiki-sidebar-border-color: var(--wiki-body-background-color); --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: #e8f2f8; --wiki-navigation-background-color--secondary--rgb: 232, 242, 248; --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); } .theme-dark { --wiki-body-background-image: none; --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 1.0; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); } /***************************** * Dark mode Syntax highlight * ******************************/ .view-dark .mw-highlight .hll { background-color: #49483e } .view-dark .mw-highlight { background: #272822; color: #f8f8f2 } .view-dark .mw-highlight .c { color: #75715e } /* Comment */ .view-dark .mw-highlight .err { color: #960050; background-color: #1e0010 } /* Error */ .view-dark .mw-highlight .k { color: #66d9ef } /* Keyword */ .view-dark .mw-highlight .l { color: #ae81ff } /* Literal */ .view-dark .mw-highlight .n { color: #f8f8f2 } /* Name */ .view-dark .mw-highlight .o { color: #f92672 } /* Operator */ .view-dark .mw-highlight .p { color: #f8f8f2 } /* Punctuation */ .view-dark .mw-highlight .ch { color: #75715e } /* Comment.Hashbang */ .view-dark .mw-highlight .cm { color: #75715e } /* Comment.Multiline */ .view-dark .mw-highlight .cp { color: #75715e } /* Comment.Preproc */ .view-dark .mw-highlight .cpf { color: #75715e } /* Comment.PreprocFile */ .view-dark .mw-highlight .c1 { color: #75715e } /* Comment.Single */ .view-dark .mw-highlight .cs { color: #75715e } /* Comment.Special */ .view-dark .mw-highlight .gd { color: #f92672 } /* Generic.Deleted */ .view-dark .mw-highlight .ge { font-style: italic } /* Generic.Emph */ .view-dark .mw-highlight .gi { color: #a6e22e } /* Generic.Inserted */ .view-dark .mw-highlight .gs { font-weight: bold } /* Generic.Strong */ .view-dark .mw-highlight .gu { color: #75715e } /* Generic.Subheading */ .view-dark .mw-highlight .kc { color: #66d9ef } /* Keyword.Constant */ .view-dark .mw-highlight .kd { color: #66d9ef } /* Keyword.Declaration */ .view-dark .mw-highlight .kn { color: #f92672 } /* Keyword.Namespace */ .view-dark .mw-highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ .view-dark .mw-highlight .kr { color: #66d9ef } /* Keyword.Reserved */ .view-dark .mw-highlight .kt { color: #66d9ef } /* Keyword.Type */ .view-dark .mw-highlight .ld { color: #e6db74 } /* Literal.Date */ .view-dark .mw-highlight .m { color: #ae81ff } /* Literal.Number */ .view-dark .mw-highlight .s { color: #e6db74 } /* Literal.String */ .view-dark .mw-highlight .na { color: #a6e22e } /* Name.Attribute */ .view-dark .mw-highlight .nb { color: #f8f8f2 } /* Name.Builtin */ .view-dark .mw-highlight .nc { color: #a6e22e } /* Name.Class */ .view-dark .mw-highlight .no { color: #66d9ef } /* Name.Constant */ .view-dark .mw-highlight .nd { color: #a6e22e } /* Name.Decorator */ .view-dark .mw-highlight .ni { color: #f8f8f2 } /* Name.Entity */ .view-dark .mw-highlight .ne { color: #a6e22e } /* Name.Exception */ .view-dark .mw-highlight .nf { color: #a6e22e } /* Name.Function */ .view-dark .mw-highlight .nl { color: #f8f8f2 } /* Name.Label */ .view-dark .mw-highlight .nn { color: #f8f8f2 } /* Name.Namespace */ .view-dark .mw-highlight .nx { color: #a6e22e } /* Name.Other */ .view-dark .mw-highlight .py { color: #f8f8f2 } /* Name.Property */ .view-dark .mw-highlight .nt { color: #f92672 } /* Name.Tag */ .view-dark .mw-highlight .nv { color: #f8f8f2 } /* Name.Variable */ .view-dark .mw-highlight .ow { color: #f92672 } /* Operator.Word */ .view-dark .mw-highlight .w { color: #f8f8f2 } /* Text.Whitespace */ .view-dark .mw-highlight .mb { color: #ae81ff } /* Literal.Number.Bin */ .view-dark .mw-highlight .mf { color: #ae81ff } /* Literal.Number.Float */ .view-dark .mw-highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ .view-dark .mw-highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ .view-dark .mw-highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ .view-dark .mw-highlight .sa { color: #e6db74 } /* Literal.String.Affix */ .view-dark .mw-highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ .view-dark .mw-highlight .sc { color: #e6db74 } /* Literal.String.Char */ .view-dark .mw-highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */ .view-dark .mw-highlight .sd { color: #e6db74 } /* Literal.String.Doc */ .view-dark .mw-highlight .s2 { color: #e6db74 } /* Literal.String.Double */ .view-dark .mw-highlight .se { color: #ae81ff } /* Literal.String.Escape */ .view-dark .mw-highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ .view-dark .mw-highlight .si { color: #e6db74 } /* Literal.String.Interpol */ .view-dark .mw-highlight .sx { color: #e6db74 } /* Literal.String.Other */ .view-dark .mw-highlight .sr { color: #e6db74 } /* Literal.String.Regex */ .view-dark .mw-highlight .s1 { color: #e6db74 } /* Literal.String.Single */ .view-dark .mw-highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ .view-dark .mw-highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ .view-dark .mw-highlight .fm { color: #a6e22e } /* Name.Function.Magic */ .view-dark .mw-highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ .view-dark .mw-highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ .view-dark .mw-highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ .view-dark .mw-highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */ .view-dark .mw-highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ /***************************** * End syntax highlight * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " · "; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-box-welcome {grid-area: welcome;} #mp-box-about {grid-area: about;} #mp-box-links {grid-area: links;} #mp-box-contribute {grid-area: contribute;} #mp-box-featured {grid-area: featured;} #mp-box-basics {grid-area: basics;} #mp-box-gallery {grid-area: gallery;} #mp-box-iconlists {grid-area: iconlists;} /* Example Main Page 1 Grid Layout */ #mp-layout1-container { display:grid; grid-template-areas: "welcome" "about" "featured" "basics" "gallery" "links" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout1-container { grid-template-areas: "welcome welcome" "about about" "featured basics" "gallery links" "contribute contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout1-container { grid-template-areas: "welcome welcome welcome" "about about basics" "featured featured basics" "gallery links links" "contribute contribute contribute"; grid-template-columns: 2fr 1fr 2fr; } } /* Example Main Page 2 Grid Layout */ #mp-layout2-container { display:grid; grid-template-areas: "welcome" "links" "about" "gallery" "iconlists" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout2-container { grid-template-areas: "welcome links" "gallery about" "iconlists about" "iconlists contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout2-container { grid-template-areas: "welcome welcome links" "welcome welcome about" "gallery gallery about" "iconlists iconlists contribute"; grid-template-columns: 3fr 2fr 2fr; } } /* Example Main Page 3 Grid Layout */ #mp-layout3-container { display:grid; grid-template-areas: "welcome" "about" "featured" "four" "priority" "projects" "wiki"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout3-container { grid-template-areas: "welcome welcome" "about about" "featured four" "priority projects" "wiki wiki"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout3-container { grid-template-areas: "welcome welcome welcome" "about about four" "featured featured four" "priority projects projects" "wiki wiki wiki"; grid-template-columns:2fr 1fr 2fr; } } .mp-box { display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-banner-container { position: relative; } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { position: relative; font-family: var(--wiki-heading-font-family); z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: 1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery { display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: 0; } .mp-box ul.gallery pre { box-shadow: inset 0 0 20px 2px #000; text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000; } /*********************** * End main page layout * ************************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border:4px solid var(--druid-border-color); background:var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 16.875em; box-sizing:border-box; border-collapse:collapse; } @media screen and (max-width: 450px) { .druid-container { width:100%; } } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-title, .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; } .druid-section { font-size:1.25em; } .druid-label { font-weight:bold; } .druid-main-images { padding:5px; } .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; } .druid-grid-item { background:var(--druid-tertiary-background-color); margin:0.25em; padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); } .druid-collapsed { display:none; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content:'–'; display:block; position:absolute; right:10px; font-size:20px; font-weight:bold; color:var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content:'+'; } /*********************** * End DRUID infoboxes * ************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); border-bottom: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > *, .spoiler-content:hover > * { pointer-events:unset; } .spoiler-content.show, .spoiler-content.hover:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span, .spoiler-content.hover:hover > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { display: inline-flex; align-items: baseline; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /* [[Category:Template stylesheets]] */ /********* [[Template:MainMenu]] *********/ .menu-title { background-color: #9747FF; color: #fff; font-size: 1.2rem; font-weight: 800; padding: 10px; text-align: left; text-shadow: 1px 1px #000; } .menu-button li { display: inline-block; height: 46px; margin: 3px 0; min-width: 200px; } .menu-button a, .menu-button a:visited, .menu-button a.external, .menu-button a.external:visited { color: #fff; font-size: 1rem; line-height: 2.9; min-width: 200px; } .menu-button a:hover { color: #fff; font-weight: bold; } .menu-page { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .menu-container { margin: 5px; } .menu-button-container { grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) ); } /************************ * End Modular Templates * *************************/ 85b48def7074861d88855fb71b3407f67e34c81a 6 215 237 2024-06-04T22:54:23Z MorphBot 477760 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 10 216 238 2024-06-04T22:59:00Z MorphBot 477760 Add main menu template doc wikitext text/x-wiki ==Description== This template is used to insert a table for the main menu. ==Use== This template can be used by entering the following onto a relevant page. <pre>{{Mainmenu}}</pre> {{Mainmenu}} <includeonly>{{Addlanglinks}}[[Category:Templates]]</includeonly><noinclude>[[Category:Template documentation]]</noinclude> 9e4a7fa08f9cefa62b146d5d59f687f457dce917 240 238 2024-06-04T23:00:52Z MorphBot 477760 wikitext text/x-wiki ==Description== This template is used to insert a table for the main menu. ==Use== This template can be used by entering the following onto a relevant page. <pre>{{Mainmenu}}</pre> {{Mainmenu}} <includeonly>[[Category:Templates]]</includeonly><noinclude>[[Category:Template documentation]]</noinclude> 7a55ff6fa7b8cac351bf4fa3856003f65844f4ae 10 217 239 2024-06-04T22:59:31Z MorphBot 477760 Created page with "<includeonly><templatestyles src="Template:Mainmenu/styles.css" /><div id="mainmenucontainer"><table class="wikitable"> <tr> <th class="quarter">Gameplay</th> <th class="quarter">Collectibles</th> <th class="quarter">Crafting</th> </tr> <tr> <td> [[File:PlaceholderIcon.png|32px|link=]] [[Characters]] [[File:PlaceholderIcon.png|32px|link=]] [[Weapons]] [[File:PlaceholderIcon.png|32px|link=]] [[Maps]] [[File:PlaceholderIcon.png|32px|link=]] [[Game Modes]] </td> <td> F..." wikitext text/x-wiki <includeonly><templatestyles src="Template:Mainmenu/styles.css" /><div id="mainmenucontainer"><table class="wikitable"> <tr> <th class="quarter">Gameplay</th> <th class="quarter">Collectibles</th> <th class="quarter">Crafting</th> </tr> <tr> <td> [[File:PlaceholderIcon.png|32px|link=]] [[Characters]] [[File:PlaceholderIcon.png|32px|link=]] [[Weapons]] [[File:PlaceholderIcon.png|32px|link=]] [[Maps]] [[File:PlaceholderIcon.png|32px|link=]] [[Game Modes]] </td> <td> [[File:PlaceholderIcon.png|32px|link=]] [[Lootboxes]] [[File:PlaceholderIcon.png|32px|link=]] [[Karts]] [[File:PlaceholderIcon.png|32px|link=]] [[Ornaments]] [[File:PlaceholderIcon.png|32px|link=]] [[Skins]] [[File:PlaceholderIcon.png|32px|link=]] [[Pets]] </td> <td> [[File:PlaceholderIcon.png|32px|link=]] [[Recipes]] [[File:PlaceholderIcon.png|32px|link=]] [[Random]] </td> </tr> </table></div></includeonly><noinclude>{{{{FULLPAGENAME}}/doc}}</noinclude> 77218e5c0a3f5ab4840a1f6873b16824d711965a 243 239 2024-06-04T23:06:53Z MorphBot 477760 remove template ref wikitext text/x-wiki <includeonly><div id="mainmenucontainer"><table class="wikitable"> <tr> <th class="quarter">Gameplay</th> <th class="quarter">Collectibles</th> <th class="quarter">Crafting</th> </tr> <tr> <td> [[File:PlaceholderIcon.png|32px|link=]] [[Characters]] [[File:PlaceholderIcon.png|32px|link=]] [[Weapons]] [[File:PlaceholderIcon.png|32px|link=]] [[Maps]] [[File:PlaceholderIcon.png|32px|link=]] [[Game Modes]] </td> <td> [[File:PlaceholderIcon.png|32px|link=]] [[Lootboxes]] [[File:PlaceholderIcon.png|32px|link=]] [[Karts]] [[File:PlaceholderIcon.png|32px|link=]] [[Ornaments]] [[File:PlaceholderIcon.png|32px|link=]] [[Skins]] [[File:PlaceholderIcon.png|32px|link=]] [[Pets]] </td> <td> [[File:PlaceholderIcon.png|32px|link=]] [[Recipes]] [[File:PlaceholderIcon.png|32px|link=]] [[Random]] </td> </tr> </table></div></includeonly><noinclude>{{{{FULLPAGENAME}}/doc}}</noinclude> 7a756bde4a085ae2e1540373d5f0235accd14fbf 248 243 2024-06-10T17:43:18Z MorphBot 477760 Update with simpler list views wikitext text/x-wiki <includeonly> <div id="mainmenucontainer" class="menu-page"> <div class="menu-container"> <div class="menu-title">Gameplay</div> <div class="menu-button"> [[File:PlaceholderIcon.png|32px|link=Characters]] [[Characters]] [[File:PlaceholderIcon.png|32px|link=Weapons]] [[Weapons]] [[File:PlaceholderIcon.png|32px|link=Maps]] [[Maps]] [[File:PlaceholderIcon.png|32px|link=Game Modes]] [[Game Modes]] </div> </div> <div class="menu-container"> <div class="menu-title">Collectibles</div> <div class="menu-button"> [[File:PlaceholderIcon.png|32px|link=Lootboxes]] [[Lootboxes]] [[File:PlaceholderIcon.png|32px|link=Karts]] [[Karts]] [[File:PlaceholderIcon.png|32px|link=Ornaments]] [[Ornaments]] [[File:PlaceholderIcon.png|32px|link=Skins]] [[Skins]] [[File:PlaceholderIcon.png|32px|link=Pets]] [[Pets]] </div> </div> <div class="menu-container"> <div class="menu-title">Crafting</div> <div class="menu-button"> [[File:PlaceholderIcon.png|32px|link=Recipes]] [[Recipes]] [[File:PlaceholderIcon.png|32px|link=Random]] [[Random]] </div> </div> </div> </includeonly> <noinclude>{{{{FULLPAGENAME}}/doc}}</noinclude> 9cbbc248e571b2a72de6f318dcd603b45d731652 252 248 2024-06-10T17:50:14Z MorphBot 477760 Update structure wikitext text/x-wiki <includeonly> <div id="mainmenucontainer" class="menu-page"> <div class="menu-container"> <div class="menu-title">Gameplay</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Characters]] [[Characters]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Weapons]] [[Weapons]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Maps]] [[Maps]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Game Modes]] [[Game Modes]]</div> </div> <div class="menu-container"> <div class="menu-title">Collectibles</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Lootboxes]] [[Lootboxes]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Karts]] [[Karts]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Ornaments]] [[Ornaments]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Skins]] [[Skins]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Pets]] [[Pets]]</div> </div> <div class="menu-container"> <div class="menu-title">Crafting</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Recipes]] [[Recipes]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Random]] [[Random]]</div> </div> </div> </includeonly> <noinclude>{{{{FULLPAGENAME}}/doc}}</noinclude> cd0904264d71dd8698c3bb2eb075569c3176601c 254 252 2024-06-10T17:54:14Z MorphBot 477760 wikitext text/x-wiki <includeonly> <div id="mainmenucontainer" class="menu-page"> <div class="menu-container"> <div class="menu-title">Gameplay</div> <div class="menu-button-container"> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Characters]] [[Characters]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Weapons]] [[Weapons]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Maps]] [[Maps]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Game Modes]] [[Game Modes]]</div> </div> </div> <div class="menu-container"> <div class="menu-title">Collectibles</div> <div class="menu-button-container"> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Lootboxes]] [[Lootboxes]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Karts]] [[Karts]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Ornaments]] [[Ornaments]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Skins]] [[Skins]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Pets]] [[Pets]]</div> </div> </div> <div class="menu-container"> <div class="menu-title">Crafting</div> <div class="menu-button-container"> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Recipes]] [[Recipes]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Random]] [[Random]]</div> </div> </div> </div> </includeonly> <noinclude>{{{{FULLPAGENAME}}/doc}}</noinclude> eb89eee1f478ed25e5c039e33526a90f267dc843 8 14 255 253 2024-06-10T17:56:20Z MorphBot 477760 css text/css /* CSS placed here will be applied to all skins */ :root, .theme-light { --wiki-body-background-image: none; --wiki-body-background-color: #f6f6f6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-color--secondary: #ffffff; --wiki-body-background-color--secondary--rgb: 255,255,255; --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 211, 194, 176; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: 0.0; --wiki-sidebar-border-color: var(--wiki-body-background-color); --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: #e8f2f8; --wiki-navigation-background-color--secondary--rgb: 232, 242, 248; --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); } .theme-dark { --wiki-body-background-image: none; --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 1.0; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); } /***************************** * Dark mode Syntax highlight * ******************************/ .view-dark .mw-highlight .hll { background-color: #49483e } .view-dark .mw-highlight { background: #272822; color: #f8f8f2 } .view-dark .mw-highlight .c { color: #75715e } /* Comment */ .view-dark .mw-highlight .err { color: #960050; background-color: #1e0010 } /* Error */ .view-dark .mw-highlight .k { color: #66d9ef } /* Keyword */ .view-dark .mw-highlight .l { color: #ae81ff } /* Literal */ .view-dark .mw-highlight .n { color: #f8f8f2 } /* Name */ .view-dark .mw-highlight .o { color: #f92672 } /* Operator */ .view-dark .mw-highlight .p { color: #f8f8f2 } /* Punctuation */ .view-dark .mw-highlight .ch { color: #75715e } /* Comment.Hashbang */ .view-dark .mw-highlight .cm { color: #75715e } /* Comment.Multiline */ .view-dark .mw-highlight .cp { color: #75715e } /* Comment.Preproc */ .view-dark .mw-highlight .cpf { color: #75715e } /* Comment.PreprocFile */ .view-dark .mw-highlight .c1 { color: #75715e } /* Comment.Single */ .view-dark .mw-highlight .cs { color: #75715e } /* Comment.Special */ .view-dark .mw-highlight .gd { color: #f92672 } /* Generic.Deleted */ .view-dark .mw-highlight .ge { font-style: italic } /* Generic.Emph */ .view-dark .mw-highlight .gi { color: #a6e22e } /* Generic.Inserted */ .view-dark .mw-highlight .gs { font-weight: bold } /* Generic.Strong */ .view-dark .mw-highlight .gu { color: #75715e } /* Generic.Subheading */ .view-dark .mw-highlight .kc { color: #66d9ef } /* Keyword.Constant */ .view-dark .mw-highlight .kd { color: #66d9ef } /* Keyword.Declaration */ .view-dark .mw-highlight .kn { color: #f92672 } /* Keyword.Namespace */ .view-dark .mw-highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ .view-dark .mw-highlight .kr { color: #66d9ef } /* Keyword.Reserved */ .view-dark .mw-highlight .kt { color: #66d9ef } /* Keyword.Type */ .view-dark .mw-highlight .ld { color: #e6db74 } /* Literal.Date */ .view-dark .mw-highlight .m { color: #ae81ff } /* Literal.Number */ .view-dark .mw-highlight .s { color: #e6db74 } /* Literal.String */ .view-dark .mw-highlight .na { color: #a6e22e } /* Name.Attribute */ .view-dark .mw-highlight .nb { color: #f8f8f2 } /* Name.Builtin */ .view-dark .mw-highlight .nc { color: #a6e22e } /* Name.Class */ .view-dark .mw-highlight .no { color: #66d9ef } /* Name.Constant */ .view-dark .mw-highlight .nd { color: #a6e22e } /* Name.Decorator */ .view-dark .mw-highlight .ni { color: #f8f8f2 } /* Name.Entity */ .view-dark .mw-highlight .ne { color: #a6e22e } /* Name.Exception */ .view-dark .mw-highlight .nf { color: #a6e22e } /* Name.Function */ .view-dark .mw-highlight .nl { color: #f8f8f2 } /* Name.Label */ .view-dark .mw-highlight .nn { color: #f8f8f2 } /* Name.Namespace */ .view-dark .mw-highlight .nx { color: #a6e22e } /* Name.Other */ .view-dark .mw-highlight .py { color: #f8f8f2 } /* Name.Property */ .view-dark .mw-highlight .nt { color: #f92672 } /* Name.Tag */ .view-dark .mw-highlight .nv { color: #f8f8f2 } /* Name.Variable */ .view-dark .mw-highlight .ow { color: #f92672 } /* Operator.Word */ .view-dark .mw-highlight .w { color: #f8f8f2 } /* Text.Whitespace */ .view-dark .mw-highlight .mb { color: #ae81ff } /* Literal.Number.Bin */ .view-dark .mw-highlight .mf { color: #ae81ff } /* Literal.Number.Float */ .view-dark .mw-highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ .view-dark .mw-highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ .view-dark .mw-highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ .view-dark .mw-highlight .sa { color: #e6db74 } /* Literal.String.Affix */ .view-dark .mw-highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ .view-dark .mw-highlight .sc { color: #e6db74 } /* Literal.String.Char */ .view-dark .mw-highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */ .view-dark .mw-highlight .sd { color: #e6db74 } /* Literal.String.Doc */ .view-dark .mw-highlight .s2 { color: #e6db74 } /* Literal.String.Double */ .view-dark .mw-highlight .se { color: #ae81ff } /* Literal.String.Escape */ .view-dark .mw-highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ .view-dark .mw-highlight .si { color: #e6db74 } /* Literal.String.Interpol */ .view-dark .mw-highlight .sx { color: #e6db74 } /* Literal.String.Other */ .view-dark .mw-highlight .sr { color: #e6db74 } /* Literal.String.Regex */ .view-dark .mw-highlight .s1 { color: #e6db74 } /* Literal.String.Single */ .view-dark .mw-highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ .view-dark .mw-highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ .view-dark .mw-highlight .fm { color: #a6e22e } /* Name.Function.Magic */ .view-dark .mw-highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ .view-dark .mw-highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ .view-dark .mw-highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ .view-dark .mw-highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */ .view-dark .mw-highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ /***************************** * End syntax highlight * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " · "; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-box-welcome {grid-area: welcome;} #mp-box-about {grid-area: about;} #mp-box-links {grid-area: links;} #mp-box-contribute {grid-area: contribute;} #mp-box-featured {grid-area: featured;} #mp-box-basics {grid-area: basics;} #mp-box-gallery {grid-area: gallery;} #mp-box-iconlists {grid-area: iconlists;} /* Example Main Page 1 Grid Layout */ #mp-layout1-container { display:grid; grid-template-areas: "welcome" "about" "featured" "basics" "gallery" "links" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout1-container { grid-template-areas: "welcome welcome" "about about" "featured basics" "gallery links" "contribute contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout1-container { grid-template-areas: "welcome welcome welcome" "about about basics" "featured featured basics" "gallery links links" "contribute contribute contribute"; grid-template-columns: 2fr 1fr 2fr; } } /* Example Main Page 2 Grid Layout */ #mp-layout2-container { display:grid; grid-template-areas: "welcome" "links" "about" "gallery" "iconlists" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout2-container { grid-template-areas: "welcome links" "gallery about" "iconlists about" "iconlists contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout2-container { grid-template-areas: "welcome welcome links" "welcome welcome about" "gallery gallery about" "iconlists iconlists contribute"; grid-template-columns: 3fr 2fr 2fr; } } /* Example Main Page 3 Grid Layout */ #mp-layout3-container { display:grid; grid-template-areas: "welcome" "about" "featured" "four" "priority" "projects" "wiki"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout3-container { grid-template-areas: "welcome welcome" "about about" "featured four" "priority projects" "wiki wiki"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout3-container { grid-template-areas: "welcome welcome welcome" "about about four" "featured featured four" "priority projects projects" "wiki wiki wiki"; grid-template-columns:2fr 1fr 2fr; } } .mp-box { display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-banner-container { position: relative; } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { position: relative; font-family: var(--wiki-heading-font-family); z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: 1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery { display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: 0; } .mp-box ul.gallery pre { box-shadow: inset 0 0 20px 2px #000; text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000; } /*********************** * End main page layout * ************************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border:4px solid var(--druid-border-color); background:var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 16.875em; box-sizing:border-box; border-collapse:collapse; } @media screen and (max-width: 450px) { .druid-container { width:100%; } } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-title, .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; } .druid-section { font-size:1.25em; } .druid-label { font-weight:bold; } .druid-main-images { padding:5px; } .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; } .druid-grid-item { background:var(--druid-tertiary-background-color); margin:0.25em; padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); } .druid-collapsed { display:none; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content:'–'; display:block; position:absolute; right:10px; font-size:20px; font-weight:bold; color:var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content:'+'; } /*********************** * End DRUID infoboxes * ************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); border-bottom: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > *, .spoiler-content:hover > * { pointer-events:unset; } .spoiler-content.show, .spoiler-content.hover:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span, .spoiler-content.hover:hover > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { display: inline-flex; align-items: baseline; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /* [[Category:Template stylesheets]] */ /********* [[Template:MainMenu]] *********/ .menu-title { background-color: #9747FF; color: #fff; font-size: 1.2rem; font-weight: 800; padding: 10px; text-align: left; text-shadow: 1px 1px #000; } .menu-button li { display: inline-block; height: 46px; margin: 3px 0; min-width: 200px; } .menu-button a, .menu-button a:visited, .menu-button a.external, .menu-button a.external:visited { color: #fff; font-size: 1rem; line-height: 2.9; min-width: 200px; width: fit-content; } .menu-button a:hover { color: #fff; font-weight: bold; } .menu-page { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .menu-container { margin: 5px; } .menu-button-container { grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) ); } /************************ * End Modular Templates * *************************/ c360ef1e26fb2d4b574c84717f655b7633431fd1 256 255 2024-06-10T18:03:15Z MorphBot 477760 Update grid and button css css text/css /* CSS placed here will be applied to all skins */ :root, .theme-light { --wiki-body-background-image: none; --wiki-body-background-color: #f6f6f6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-color--secondary: #ffffff; --wiki-body-background-color--secondary--rgb: 255,255,255; --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 211, 194, 176; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: 0.0; --wiki-sidebar-border-color: var(--wiki-body-background-color); --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: #e8f2f8; --wiki-navigation-background-color--secondary--rgb: 232, 242, 248; --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); } .theme-dark { --wiki-body-background-image: none; --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 1.0; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); } /***************************** * Dark mode Syntax highlight * ******************************/ .view-dark .mw-highlight .hll { background-color: #49483e } .view-dark .mw-highlight { background: #272822; color: #f8f8f2 } .view-dark .mw-highlight .c { color: #75715e } /* Comment */ .view-dark .mw-highlight .err { color: #960050; background-color: #1e0010 } /* Error */ .view-dark .mw-highlight .k { color: #66d9ef } /* Keyword */ .view-dark .mw-highlight .l { color: #ae81ff } /* Literal */ .view-dark .mw-highlight .n { color: #f8f8f2 } /* Name */ .view-dark .mw-highlight .o { color: #f92672 } /* Operator */ .view-dark .mw-highlight .p { color: #f8f8f2 } /* Punctuation */ .view-dark .mw-highlight .ch { color: #75715e } /* Comment.Hashbang */ .view-dark .mw-highlight .cm { color: #75715e } /* Comment.Multiline */ .view-dark .mw-highlight .cp { color: #75715e } /* Comment.Preproc */ .view-dark .mw-highlight .cpf { color: #75715e } /* Comment.PreprocFile */ .view-dark .mw-highlight .c1 { color: #75715e } /* Comment.Single */ .view-dark .mw-highlight .cs { color: #75715e } /* Comment.Special */ .view-dark .mw-highlight .gd { color: #f92672 } /* Generic.Deleted */ .view-dark .mw-highlight .ge { font-style: italic } /* Generic.Emph */ .view-dark .mw-highlight .gi { color: #a6e22e } /* Generic.Inserted */ .view-dark .mw-highlight .gs { font-weight: bold } /* Generic.Strong */ .view-dark .mw-highlight .gu { color: #75715e } /* Generic.Subheading */ .view-dark .mw-highlight .kc { color: #66d9ef } /* Keyword.Constant */ .view-dark .mw-highlight .kd { color: #66d9ef } /* Keyword.Declaration */ .view-dark .mw-highlight .kn { color: #f92672 } /* Keyword.Namespace */ .view-dark .mw-highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ .view-dark .mw-highlight .kr { color: #66d9ef } /* Keyword.Reserved */ .view-dark .mw-highlight .kt { color: #66d9ef } /* Keyword.Type */ .view-dark .mw-highlight .ld { color: #e6db74 } /* Literal.Date */ .view-dark .mw-highlight .m { color: #ae81ff } /* Literal.Number */ .view-dark .mw-highlight .s { color: #e6db74 } /* Literal.String */ .view-dark .mw-highlight .na { color: #a6e22e } /* Name.Attribute */ .view-dark .mw-highlight .nb { color: #f8f8f2 } /* Name.Builtin */ .view-dark .mw-highlight .nc { color: #a6e22e } /* Name.Class */ .view-dark .mw-highlight .no { color: #66d9ef } /* Name.Constant */ .view-dark .mw-highlight .nd { color: #a6e22e } /* Name.Decorator */ .view-dark .mw-highlight .ni { color: #f8f8f2 } /* Name.Entity */ .view-dark .mw-highlight .ne { color: #a6e22e } /* Name.Exception */ .view-dark .mw-highlight .nf { color: #a6e22e } /* Name.Function */ .view-dark .mw-highlight .nl { color: #f8f8f2 } /* Name.Label */ .view-dark .mw-highlight .nn { color: #f8f8f2 } /* Name.Namespace */ .view-dark .mw-highlight .nx { color: #a6e22e } /* Name.Other */ .view-dark .mw-highlight .py { color: #f8f8f2 } /* Name.Property */ .view-dark .mw-highlight .nt { color: #f92672 } /* Name.Tag */ .view-dark .mw-highlight .nv { color: #f8f8f2 } /* Name.Variable */ .view-dark .mw-highlight .ow { color: #f92672 } /* Operator.Word */ .view-dark .mw-highlight .w { color: #f8f8f2 } /* Text.Whitespace */ .view-dark .mw-highlight .mb { color: #ae81ff } /* Literal.Number.Bin */ .view-dark .mw-highlight .mf { color: #ae81ff } /* Literal.Number.Float */ .view-dark .mw-highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ .view-dark .mw-highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ .view-dark .mw-highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ .view-dark .mw-highlight .sa { color: #e6db74 } /* Literal.String.Affix */ .view-dark .mw-highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ .view-dark .mw-highlight .sc { color: #e6db74 } /* Literal.String.Char */ .view-dark .mw-highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */ .view-dark .mw-highlight .sd { color: #e6db74 } /* Literal.String.Doc */ .view-dark .mw-highlight .s2 { color: #e6db74 } /* Literal.String.Double */ .view-dark .mw-highlight .se { color: #ae81ff } /* Literal.String.Escape */ .view-dark .mw-highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ .view-dark .mw-highlight .si { color: #e6db74 } /* Literal.String.Interpol */ .view-dark .mw-highlight .sx { color: #e6db74 } /* Literal.String.Other */ .view-dark .mw-highlight .sr { color: #e6db74 } /* Literal.String.Regex */ .view-dark .mw-highlight .s1 { color: #e6db74 } /* Literal.String.Single */ .view-dark .mw-highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ .view-dark .mw-highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ .view-dark .mw-highlight .fm { color: #a6e22e } /* Name.Function.Magic */ .view-dark .mw-highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ .view-dark .mw-highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ .view-dark .mw-highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ .view-dark .mw-highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */ .view-dark .mw-highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ /***************************** * End syntax highlight * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " · "; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-box-welcome {grid-area: welcome;} #mp-box-about {grid-area: about;} #mp-box-links {grid-area: links;} #mp-box-contribute {grid-area: contribute;} #mp-box-featured {grid-area: featured;} #mp-box-basics {grid-area: basics;} #mp-box-gallery {grid-area: gallery;} #mp-box-iconlists {grid-area: iconlists;} /* Example Main Page 1 Grid Layout */ #mp-layout1-container { display:grid; grid-template-areas: "welcome" "about" "featured" "basics" "gallery" "links" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout1-container { grid-template-areas: "welcome welcome" "about about" "featured basics" "gallery links" "contribute contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout1-container { grid-template-areas: "welcome welcome welcome" "about about basics" "featured featured basics" "gallery links links" "contribute contribute contribute"; grid-template-columns: 2fr 1fr 2fr; } } /* Example Main Page 2 Grid Layout */ #mp-layout2-container { display:grid; grid-template-areas: "welcome" "links" "about" "gallery" "iconlists" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout2-container { grid-template-areas: "welcome links" "gallery about" "iconlists about" "iconlists contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout2-container { grid-template-areas: "welcome welcome links" "welcome welcome about" "gallery gallery about" "iconlists iconlists contribute"; grid-template-columns: 3fr 2fr 2fr; } } /* Example Main Page 3 Grid Layout */ #mp-layout3-container { display:grid; grid-template-areas: "welcome" "about" "featured" "four" "priority" "projects" "wiki"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout3-container { grid-template-areas: "welcome welcome" "about about" "featured four" "priority projects" "wiki wiki"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout3-container { grid-template-areas: "welcome welcome welcome" "about about four" "featured featured four" "priority projects projects" "wiki wiki wiki"; grid-template-columns:2fr 1fr 2fr; } } .mp-box { display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-banner-container { position: relative; } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { position: relative; font-family: var(--wiki-heading-font-family); z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: 1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery { display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: 0; } .mp-box ul.gallery pre { box-shadow: inset 0 0 20px 2px #000; text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000; } /*********************** * End main page layout * ************************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border:4px solid var(--druid-border-color); background:var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 16.875em; box-sizing:border-box; border-collapse:collapse; } @media screen and (max-width: 450px) { .druid-container { width:100%; } } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-title, .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; } .druid-section { font-size:1.25em; } .druid-label { font-weight:bold; } .druid-main-images { padding:5px; } .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; } .druid-grid-item { background:var(--druid-tertiary-background-color); margin:0.25em; padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); } .druid-collapsed { display:none; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content:'–'; display:block; position:absolute; right:10px; font-size:20px; font-weight:bold; color:var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content:'+'; } /*********************** * End DRUID infoboxes * ************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); border-bottom: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > *, .spoiler-content:hover > * { pointer-events:unset; } .spoiler-content.show, .spoiler-content.hover:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span, .spoiler-content.hover:hover > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { display: inline-flex; align-items: baseline; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /* [[Category:Template stylesheets]] */ /********* [[Template:MainMenu]] *********/ .menu-title { background-color: #9747FF; color: #fff; font-size: 1.2rem; font-weight: 800; padding: 10px; text-align: left; text-shadow: 1px 1px #000; } .menu-button li { display: inline-block; height: 46px; margin: 3px 0; min-width: 200px; } .menu-button a, .menu-button a:visited, .menu-button a.external, .menu-button a.external:visited { color: #fff; font-size: 1rem; line-height: 2.9; min-width: 200px; width: min-content; } .menu-button a:hover { color: #fff; font-weight: bold; } .menu-page { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .menu-container { margin: 5px; } .menu-button-container { grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) ); display: grid; } /************************ * End Modular Templates * *************************/ 59d0bd7bd95ceaa3bb196ebec6db2f8ce7f5fe9e 257 256 2024-06-10T18:12:33Z MorphBot 477760 Update styles css text/css /* CSS placed here will be applied to all skins */ :root, .theme-light { --wiki-body-background-image: none; --wiki-body-background-color: #f6f6f6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-color--secondary: #ffffff; --wiki-body-background-color--secondary--rgb: 255,255,255; --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 211, 194, 176; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: 0.0; --wiki-sidebar-border-color: var(--wiki-body-background-color); --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: #e8f2f8; --wiki-navigation-background-color--secondary--rgb: 232, 242, 248; --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); } .theme-dark { --wiki-body-background-image: none; --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 1.0; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); } /***************************** * Dark mode Syntax highlight * ******************************/ .view-dark .mw-highlight .hll { background-color: #49483e } .view-dark .mw-highlight { background: #272822; color: #f8f8f2 } .view-dark .mw-highlight .c { color: #75715e } /* Comment */ .view-dark .mw-highlight .err { color: #960050; background-color: #1e0010 } /* Error */ .view-dark .mw-highlight .k { color: #66d9ef } /* Keyword */ .view-dark .mw-highlight .l { color: #ae81ff } /* Literal */ .view-dark .mw-highlight .n { color: #f8f8f2 } /* Name */ .view-dark .mw-highlight .o { color: #f92672 } /* Operator */ .view-dark .mw-highlight .p { color: #f8f8f2 } /* Punctuation */ .view-dark .mw-highlight .ch { color: #75715e } /* Comment.Hashbang */ .view-dark .mw-highlight .cm { color: #75715e } /* Comment.Multiline */ .view-dark .mw-highlight .cp { color: #75715e } /* Comment.Preproc */ .view-dark .mw-highlight .cpf { color: #75715e } /* Comment.PreprocFile */ .view-dark .mw-highlight .c1 { color: #75715e } /* Comment.Single */ .view-dark .mw-highlight .cs { color: #75715e } /* Comment.Special */ .view-dark .mw-highlight .gd { color: #f92672 } /* Generic.Deleted */ .view-dark .mw-highlight .ge { font-style: italic } /* Generic.Emph */ .view-dark .mw-highlight .gi { color: #a6e22e } /* Generic.Inserted */ .view-dark .mw-highlight .gs { font-weight: bold } /* Generic.Strong */ .view-dark .mw-highlight .gu { color: #75715e } /* Generic.Subheading */ .view-dark .mw-highlight .kc { color: #66d9ef } /* Keyword.Constant */ .view-dark .mw-highlight .kd { color: #66d9ef } /* Keyword.Declaration */ .view-dark .mw-highlight .kn { color: #f92672 } /* Keyword.Namespace */ .view-dark .mw-highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ .view-dark .mw-highlight .kr { color: #66d9ef } /* Keyword.Reserved */ .view-dark .mw-highlight .kt { color: #66d9ef } /* Keyword.Type */ .view-dark .mw-highlight .ld { color: #e6db74 } /* Literal.Date */ .view-dark .mw-highlight .m { color: #ae81ff } /* Literal.Number */ .view-dark .mw-highlight .s { color: #e6db74 } /* Literal.String */ .view-dark .mw-highlight .na { color: #a6e22e } /* Name.Attribute */ .view-dark .mw-highlight .nb { color: #f8f8f2 } /* Name.Builtin */ .view-dark .mw-highlight .nc { color: #a6e22e } /* Name.Class */ .view-dark .mw-highlight .no { color: #66d9ef } /* Name.Constant */ .view-dark .mw-highlight .nd { color: #a6e22e } /* Name.Decorator */ .view-dark .mw-highlight .ni { color: #f8f8f2 } /* Name.Entity */ .view-dark .mw-highlight .ne { color: #a6e22e } /* Name.Exception */ .view-dark .mw-highlight .nf { color: #a6e22e } /* Name.Function */ .view-dark .mw-highlight .nl { color: #f8f8f2 } /* Name.Label */ .view-dark .mw-highlight .nn { color: #f8f8f2 } /* Name.Namespace */ .view-dark .mw-highlight .nx { color: #a6e22e } /* Name.Other */ .view-dark .mw-highlight .py { color: #f8f8f2 } /* Name.Property */ .view-dark .mw-highlight .nt { color: #f92672 } /* Name.Tag */ .view-dark .mw-highlight .nv { color: #f8f8f2 } /* Name.Variable */ .view-dark .mw-highlight .ow { color: #f92672 } /* Operator.Word */ .view-dark .mw-highlight .w { color: #f8f8f2 } /* Text.Whitespace */ .view-dark .mw-highlight .mb { color: #ae81ff } /* Literal.Number.Bin */ .view-dark .mw-highlight .mf { color: #ae81ff } /* Literal.Number.Float */ .view-dark .mw-highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ .view-dark .mw-highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ .view-dark .mw-highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ .view-dark .mw-highlight .sa { color: #e6db74 } /* Literal.String.Affix */ .view-dark .mw-highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ .view-dark .mw-highlight .sc { color: #e6db74 } /* Literal.String.Char */ .view-dark .mw-highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */ .view-dark .mw-highlight .sd { color: #e6db74 } /* Literal.String.Doc */ .view-dark .mw-highlight .s2 { color: #e6db74 } /* Literal.String.Double */ .view-dark .mw-highlight .se { color: #ae81ff } /* Literal.String.Escape */ .view-dark .mw-highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ .view-dark .mw-highlight .si { color: #e6db74 } /* Literal.String.Interpol */ .view-dark .mw-highlight .sx { color: #e6db74 } /* Literal.String.Other */ .view-dark .mw-highlight .sr { color: #e6db74 } /* Literal.String.Regex */ .view-dark .mw-highlight .s1 { color: #e6db74 } /* Literal.String.Single */ .view-dark .mw-highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ .view-dark .mw-highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ .view-dark .mw-highlight .fm { color: #a6e22e } /* Name.Function.Magic */ .view-dark .mw-highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ .view-dark .mw-highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ .view-dark .mw-highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ .view-dark .mw-highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */ .view-dark .mw-highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ /***************************** * End syntax highlight * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " · "; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-box-welcome {grid-area: welcome;} #mp-box-about {grid-area: about;} #mp-box-links {grid-area: links;} #mp-box-contribute {grid-area: contribute;} #mp-box-featured {grid-area: featured;} #mp-box-basics {grid-area: basics;} #mp-box-gallery {grid-area: gallery;} #mp-box-iconlists {grid-area: iconlists;} /* Example Main Page 1 Grid Layout */ #mp-layout1-container { display:grid; grid-template-areas: "welcome" "about" "featured" "basics" "gallery" "links" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout1-container { grid-template-areas: "welcome welcome" "about about" "featured basics" "gallery links" "contribute contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout1-container { grid-template-areas: "welcome welcome welcome" "about about basics" "featured featured basics" "gallery links links" "contribute contribute contribute"; grid-template-columns: 2fr 1fr 2fr; } } /* Example Main Page 2 Grid Layout */ #mp-layout2-container { display:grid; grid-template-areas: "welcome" "links" "about" "gallery" "iconlists" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout2-container { grid-template-areas: "welcome links" "gallery about" "iconlists about" "iconlists contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout2-container { grid-template-areas: "welcome welcome links" "welcome welcome about" "gallery gallery about" "iconlists iconlists contribute"; grid-template-columns: 3fr 2fr 2fr; } } /* Example Main Page 3 Grid Layout */ #mp-layout3-container { display:grid; grid-template-areas: "welcome" "about" "featured" "four" "priority" "projects" "wiki"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout3-container { grid-template-areas: "welcome welcome" "about about" "featured four" "priority projects" "wiki wiki"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout3-container { grid-template-areas: "welcome welcome welcome" "about about four" "featured featured four" "priority projects projects" "wiki wiki wiki"; grid-template-columns:2fr 1fr 2fr; } } .mp-box { display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; border-radius: 6px; background:#322C3F; border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-banner-container { position: relative; } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { position: relative; font-family: var(--wiki-heading-font-family); z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: 1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery { display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: 0; } .mp-box ul.gallery pre { box-shadow: inset 0 0 20px 2px #000; text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000; } /*********************** * End main page layout * ************************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border:4px solid var(--druid-border-color); background:var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 16.875em; box-sizing:border-box; border-collapse:collapse; } @media screen and (max-width: 450px) { .druid-container { width:100%; } } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-title, .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; } .druid-section { font-size:1.25em; } .druid-label { font-weight:bold; } .druid-main-images { padding:5px; } .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; } .druid-grid-item { background:var(--druid-tertiary-background-color); margin:0.25em; padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); } .druid-collapsed { display:none; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content:'–'; display:block; position:absolute; right:10px; font-size:20px; font-weight:bold; color:var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content:'+'; } /*********************** * End DRUID infoboxes * ************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); border-bottom: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > *, .spoiler-content:hover > * { pointer-events:unset; } .spoiler-content.show, .spoiler-content.hover:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span, .spoiler-content.hover:hover > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { display: inline-flex; align-items: baseline; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /* [[Category:Template stylesheets]] */ /********* [[Template:MainMenu]] *********/ .menu-title { background-color: #9747FF; color: #fff; font-size: 1.2rem; font-weight: 800; padding: 10px; text-align: left; text-shadow: 1px 1px #000; } .menu-button li { display: inline-block; height: 46px; margin: 3px 0; min-width: 200px; } .menu-button a, .menu-button a:visited, .menu-button a.external, .menu-button a.external:visited { color: #fff; font-size: 1rem; line-height: 2.9; min-width: 200px; width: min-content; } .menu-button a:hover { color: #fff; font-weight: bold; } .menu-page { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .menu-container { margin: 5px; border-radius: 6px; } .menu-button-container { grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) ); display: grid; } /************************ * End Modular Templates * *************************/ 226a4874987a6f0576cc5661b1e2489b0a51a77d 258 257 2024-06-10T18:14:23Z MorphBot 477760 css text/css /* CSS placed here will be applied to all skins */ :root, .theme-light { --wiki-body-background-image: none; --wiki-body-background-color: #f6f6f6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-color--secondary: #ffffff; --wiki-body-background-color--secondary--rgb: 255,255,255; --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 211, 194, 176; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: 0.0; --wiki-sidebar-border-color: var(--wiki-body-background-color); --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: #e8f2f8; --wiki-navigation-background-color--secondary--rgb: 232, 242, 248; --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); } .theme-dark { --wiki-body-background-image: none; --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 1.0; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); } /***************************** * Dark mode Syntax highlight * ******************************/ .view-dark .mw-highlight .hll { background-color: #49483e } .view-dark .mw-highlight { background: #272822; color: #f8f8f2 } .view-dark .mw-highlight .c { color: #75715e } /* Comment */ .view-dark .mw-highlight .err { color: #960050; background-color: #1e0010 } /* Error */ .view-dark .mw-highlight .k { color: #66d9ef } /* Keyword */ .view-dark .mw-highlight .l { color: #ae81ff } /* Literal */ .view-dark .mw-highlight .n { color: #f8f8f2 } /* Name */ .view-dark .mw-highlight .o { color: #f92672 } /* Operator */ .view-dark .mw-highlight .p { color: #f8f8f2 } /* Punctuation */ .view-dark .mw-highlight .ch { color: #75715e } /* Comment.Hashbang */ .view-dark .mw-highlight .cm { color: #75715e } /* Comment.Multiline */ .view-dark .mw-highlight .cp { color: #75715e } /* Comment.Preproc */ .view-dark .mw-highlight .cpf { color: #75715e } /* Comment.PreprocFile */ .view-dark .mw-highlight .c1 { color: #75715e } /* Comment.Single */ .view-dark .mw-highlight .cs { color: #75715e } /* Comment.Special */ .view-dark .mw-highlight .gd { color: #f92672 } /* Generic.Deleted */ .view-dark .mw-highlight .ge { font-style: italic } /* Generic.Emph */ .view-dark .mw-highlight .gi { color: #a6e22e } /* Generic.Inserted */ .view-dark .mw-highlight .gs { font-weight: bold } /* Generic.Strong */ .view-dark .mw-highlight .gu { color: #75715e } /* Generic.Subheading */ .view-dark .mw-highlight .kc { color: #66d9ef } /* Keyword.Constant */ .view-dark .mw-highlight .kd { color: #66d9ef } /* Keyword.Declaration */ .view-dark .mw-highlight .kn { color: #f92672 } /* Keyword.Namespace */ .view-dark .mw-highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ .view-dark .mw-highlight .kr { color: #66d9ef } /* Keyword.Reserved */ .view-dark .mw-highlight .kt { color: #66d9ef } /* Keyword.Type */ .view-dark .mw-highlight .ld { color: #e6db74 } /* Literal.Date */ .view-dark .mw-highlight .m { color: #ae81ff } /* Literal.Number */ .view-dark .mw-highlight .s { color: #e6db74 } /* Literal.String */ .view-dark .mw-highlight .na { color: #a6e22e } /* Name.Attribute */ .view-dark .mw-highlight .nb { color: #f8f8f2 } /* Name.Builtin */ .view-dark .mw-highlight .nc { color: #a6e22e } /* Name.Class */ .view-dark .mw-highlight .no { color: #66d9ef } /* Name.Constant */ .view-dark .mw-highlight .nd { color: #a6e22e } /* Name.Decorator */ .view-dark .mw-highlight .ni { color: #f8f8f2 } /* Name.Entity */ .view-dark .mw-highlight .ne { color: #a6e22e } /* Name.Exception */ .view-dark .mw-highlight .nf { color: #a6e22e } /* Name.Function */ .view-dark .mw-highlight .nl { color: #f8f8f2 } /* Name.Label */ .view-dark .mw-highlight .nn { color: #f8f8f2 } /* Name.Namespace */ .view-dark .mw-highlight .nx { color: #a6e22e } /* Name.Other */ .view-dark .mw-highlight .py { color: #f8f8f2 } /* Name.Property */ .view-dark .mw-highlight .nt { color: #f92672 } /* Name.Tag */ .view-dark .mw-highlight .nv { color: #f8f8f2 } /* Name.Variable */ .view-dark .mw-highlight .ow { color: #f92672 } /* Operator.Word */ .view-dark .mw-highlight .w { color: #f8f8f2 } /* Text.Whitespace */ .view-dark .mw-highlight .mb { color: #ae81ff } /* Literal.Number.Bin */ .view-dark .mw-highlight .mf { color: #ae81ff } /* Literal.Number.Float */ .view-dark .mw-highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ .view-dark .mw-highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ .view-dark .mw-highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ .view-dark .mw-highlight .sa { color: #e6db74 } /* Literal.String.Affix */ .view-dark .mw-highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ .view-dark .mw-highlight .sc { color: #e6db74 } /* Literal.String.Char */ .view-dark .mw-highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */ .view-dark .mw-highlight .sd { color: #e6db74 } /* Literal.String.Doc */ .view-dark .mw-highlight .s2 { color: #e6db74 } /* Literal.String.Double */ .view-dark .mw-highlight .se { color: #ae81ff } /* Literal.String.Escape */ .view-dark .mw-highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ .view-dark .mw-highlight .si { color: #e6db74 } /* Literal.String.Interpol */ .view-dark .mw-highlight .sx { color: #e6db74 } /* Literal.String.Other */ .view-dark .mw-highlight .sr { color: #e6db74 } /* Literal.String.Regex */ .view-dark .mw-highlight .s1 { color: #e6db74 } /* Literal.String.Single */ .view-dark .mw-highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ .view-dark .mw-highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ .view-dark .mw-highlight .fm { color: #a6e22e } /* Name.Function.Magic */ .view-dark .mw-highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ .view-dark .mw-highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ .view-dark .mw-highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ .view-dark .mw-highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */ .view-dark .mw-highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ /***************************** * End syntax highlight * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " · "; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-box-welcome {grid-area: welcome;} #mp-box-about {grid-area: about;} #mp-box-links {grid-area: links;} #mp-box-contribute {grid-area: contribute;} #mp-box-featured {grid-area: featured;} #mp-box-basics {grid-area: basics;} #mp-box-gallery {grid-area: gallery;} #mp-box-iconlists {grid-area: iconlists;} /* Example Main Page 1 Grid Layout */ #mp-layout1-container { display:grid; grid-template-areas: "welcome" "about" "featured" "basics" "gallery" "links" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout1-container { grid-template-areas: "welcome welcome" "about about" "featured basics" "gallery links" "contribute contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout1-container { grid-template-areas: "welcome welcome welcome" "about about basics" "featured featured basics" "gallery links links" "contribute contribute contribute"; grid-template-columns: 2fr 1fr 2fr; } } /* Example Main Page 2 Grid Layout */ #mp-layout2-container { display:grid; grid-template-areas: "welcome" "links" "about" "gallery" "iconlists" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout2-container { grid-template-areas: "welcome links" "gallery about" "iconlists about" "iconlists contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout2-container { grid-template-areas: "welcome welcome links" "welcome welcome about" "gallery gallery about" "iconlists iconlists contribute"; grid-template-columns: 3fr 2fr 2fr; } } /* Example Main Page 3 Grid Layout */ #mp-layout3-container { display:grid; grid-template-areas: "welcome" "about" "featured" "four" "priority" "projects" "wiki"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout3-container { grid-template-areas: "welcome welcome" "about about" "featured four" "priority projects" "wiki wiki"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout3-container { grid-template-areas: "welcome welcome welcome" "about about four" "featured featured four" "priority projects projects" "wiki wiki wiki"; grid-template-columns:2fr 1fr 2fr; } } .mp-box { display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; border-radius: 6px; background:#322C3F; padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-banner-container { position: relative; } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { position: relative; font-family: var(--wiki-heading-font-family); z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: 1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery { display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: 0; } .mp-box ul.gallery pre { box-shadow: inset 0 0 20px 2px #000; text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000; } /*********************** * End main page layout * ************************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border:4px solid var(--druid-border-color); background:var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 16.875em; box-sizing:border-box; border-collapse:collapse; } @media screen and (max-width: 450px) { .druid-container { width:100%; } } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-title, .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; } .druid-section { font-size:1.25em; } .druid-label { font-weight:bold; } .druid-main-images { padding:5px; } .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; } .druid-grid-item { background:var(--druid-tertiary-background-color); margin:0.25em; padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); } .druid-collapsed { display:none; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content:'–'; display:block; position:absolute; right:10px; font-size:20px; font-weight:bold; color:var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content:'+'; } /*********************** * End DRUID infoboxes * ************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); border-bottom: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > *, .spoiler-content:hover > * { pointer-events:unset; } .spoiler-content.show, .spoiler-content.hover:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span, .spoiler-content.hover:hover > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { display: inline-flex; align-items: baseline; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /* [[Category:Template stylesheets]] */ /********* [[Template:MainMenu]] *********/ .menu-title { background-color: #9747FF; color: #fff; font-size: 1.2rem; font-weight: 800; padding: 10px; text-align: left; text-shadow: 1px 1px #000; } .menu-button li { display: inline-block; height: 46px; margin: 3px 0; min-width: 200px; } .menu-button a, .menu-button a:visited, .menu-button a.external, .menu-button a.external:visited { color: #fff; font-size: 1rem; line-height: 2.9; min-width: 200px; width: min-content; } .menu-button a:hover { color: #fff; font-weight: bold; } .menu-page { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); border-radius: 6px; background-color:#322C3F; } .menu-container { margin: 5px; } .menu-button-container { grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) ); display: grid; } /************************ * End Modular Templates * *************************/ d249508562baef0049e18178014262dd97775c54 259 258 2024-06-10T18:20:13Z MorphBot 477760 css text/css /* CSS placed here will be applied to all skins */ :root, .theme-light { --wiki-body-background-image: none; --wiki-body-background-color: #f6f6f6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-color--secondary: #ffffff; --wiki-body-background-color--secondary--rgb: 255,255,255; --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 211, 194, 176; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: 0.0; --wiki-sidebar-border-color: var(--wiki-body-background-color); --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: #e8f2f8; --wiki-navigation-background-color--secondary--rgb: 232, 242, 248; --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); } .theme-dark { --wiki-body-background-image: none; --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 1.0; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); } /***************************** * Dark mode Syntax highlight * ******************************/ .view-dark .mw-highlight .hll { background-color: #49483e } .view-dark .mw-highlight { background: #272822; color: #f8f8f2 } .view-dark .mw-highlight .c { color: #75715e } /* Comment */ .view-dark .mw-highlight .err { color: #960050; background-color: #1e0010 } /* Error */ .view-dark .mw-highlight .k { color: #66d9ef } /* Keyword */ .view-dark .mw-highlight .l { color: #ae81ff } /* Literal */ .view-dark .mw-highlight .n { color: #f8f8f2 } /* Name */ .view-dark .mw-highlight .o { color: #f92672 } /* Operator */ .view-dark .mw-highlight .p { color: #f8f8f2 } /* Punctuation */ .view-dark .mw-highlight .ch { color: #75715e } /* Comment.Hashbang */ .view-dark .mw-highlight .cm { color: #75715e } /* Comment.Multiline */ .view-dark .mw-highlight .cp { color: #75715e } /* Comment.Preproc */ .view-dark .mw-highlight .cpf { color: #75715e } /* Comment.PreprocFile */ .view-dark .mw-highlight .c1 { color: #75715e } /* Comment.Single */ .view-dark .mw-highlight .cs { color: #75715e } /* Comment.Special */ .view-dark .mw-highlight .gd { color: #f92672 } /* Generic.Deleted */ .view-dark .mw-highlight .ge { font-style: italic } /* Generic.Emph */ .view-dark .mw-highlight .gi { color: #a6e22e } /* Generic.Inserted */ .view-dark .mw-highlight .gs { font-weight: bold } /* Generic.Strong */ .view-dark .mw-highlight .gu { color: #75715e } /* Generic.Subheading */ .view-dark .mw-highlight .kc { color: #66d9ef } /* Keyword.Constant */ .view-dark .mw-highlight .kd { color: #66d9ef } /* Keyword.Declaration */ .view-dark .mw-highlight .kn { color: #f92672 } /* Keyword.Namespace */ .view-dark .mw-highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ .view-dark .mw-highlight .kr { color: #66d9ef } /* Keyword.Reserved */ .view-dark .mw-highlight .kt { color: #66d9ef } /* Keyword.Type */ .view-dark .mw-highlight .ld { color: #e6db74 } /* Literal.Date */ .view-dark .mw-highlight .m { color: #ae81ff } /* Literal.Number */ .view-dark .mw-highlight .s { color: #e6db74 } /* Literal.String */ .view-dark .mw-highlight .na { color: #a6e22e } /* Name.Attribute */ .view-dark .mw-highlight .nb { color: #f8f8f2 } /* Name.Builtin */ .view-dark .mw-highlight .nc { color: #a6e22e } /* Name.Class */ .view-dark .mw-highlight .no { color: #66d9ef } /* Name.Constant */ .view-dark .mw-highlight .nd { color: #a6e22e } /* Name.Decorator */ .view-dark .mw-highlight .ni { color: #f8f8f2 } /* Name.Entity */ .view-dark .mw-highlight .ne { color: #a6e22e } /* Name.Exception */ .view-dark .mw-highlight .nf { color: #a6e22e } /* Name.Function */ .view-dark .mw-highlight .nl { color: #f8f8f2 } /* Name.Label */ .view-dark .mw-highlight .nn { color: #f8f8f2 } /* Name.Namespace */ .view-dark .mw-highlight .nx { color: #a6e22e } /* Name.Other */ .view-dark .mw-highlight .py { color: #f8f8f2 } /* Name.Property */ .view-dark .mw-highlight .nt { color: #f92672 } /* Name.Tag */ .view-dark .mw-highlight .nv { color: #f8f8f2 } /* Name.Variable */ .view-dark .mw-highlight .ow { color: #f92672 } /* Operator.Word */ .view-dark .mw-highlight .w { color: #f8f8f2 } /* Text.Whitespace */ .view-dark .mw-highlight .mb { color: #ae81ff } /* Literal.Number.Bin */ .view-dark .mw-highlight .mf { color: #ae81ff } /* Literal.Number.Float */ .view-dark .mw-highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ .view-dark .mw-highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ .view-dark .mw-highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ .view-dark .mw-highlight .sa { color: #e6db74 } /* Literal.String.Affix */ .view-dark .mw-highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ .view-dark .mw-highlight .sc { color: #e6db74 } /* Literal.String.Char */ .view-dark .mw-highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */ .view-dark .mw-highlight .sd { color: #e6db74 } /* Literal.String.Doc */ .view-dark .mw-highlight .s2 { color: #e6db74 } /* Literal.String.Double */ .view-dark .mw-highlight .se { color: #ae81ff } /* Literal.String.Escape */ .view-dark .mw-highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ .view-dark .mw-highlight .si { color: #e6db74 } /* Literal.String.Interpol */ .view-dark .mw-highlight .sx { color: #e6db74 } /* Literal.String.Other */ .view-dark .mw-highlight .sr { color: #e6db74 } /* Literal.String.Regex */ .view-dark .mw-highlight .s1 { color: #e6db74 } /* Literal.String.Single */ .view-dark .mw-highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ .view-dark .mw-highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ .view-dark .mw-highlight .fm { color: #a6e22e } /* Name.Function.Magic */ .view-dark .mw-highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ .view-dark .mw-highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ .view-dark .mw-highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ .view-dark .mw-highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */ .view-dark .mw-highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ /***************************** * End syntax highlight * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " · "; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-box-welcome {grid-area: welcome;} #mp-box-about {grid-area: about;} #mp-box-links {grid-area: links;} #mp-box-contribute {grid-area: contribute;} #mp-box-featured {grid-area: featured;} #mp-box-basics {grid-area: basics;} #mp-box-gallery {grid-area: gallery;} #mp-box-iconlists {grid-area: iconlists;} /* Example Main Page 1 Grid Layout */ #mp-layout1-container { display:grid; grid-template-areas: "welcome" "about" "featured" "basics" "gallery" "links" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout1-container { grid-template-areas: "welcome welcome" "about about" "featured basics" "gallery links" "contribute contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout1-container { grid-template-areas: "welcome welcome welcome" "about about basics" "featured featured basics" "gallery links links" "contribute contribute contribute"; grid-template-columns: 2fr 1fr 2fr; } } /* Example Main Page 2 Grid Layout */ #mp-layout2-container { display:grid; grid-template-areas: "welcome" "links" "about" "gallery" "iconlists" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout2-container { grid-template-areas: "welcome links" "gallery about" "iconlists about" "iconlists contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout2-container { grid-template-areas: "welcome welcome links" "welcome welcome about" "gallery gallery about" "iconlists iconlists contribute"; grid-template-columns: 3fr 2fr 2fr; } } /* Example Main Page 3 Grid Layout */ #mp-layout3-container { display:grid; grid-template-areas: "welcome" "about" "featured" "four" "priority" "projects" "wiki"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout3-container { grid-template-areas: "welcome welcome" "about about" "featured four" "priority projects" "wiki wiki"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout3-container { grid-template-areas: "welcome welcome welcome" "about about four" "featured featured four" "priority projects projects" "wiki wiki wiki"; grid-template-columns:2fr 1fr 2fr; } } .mp-box { display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; border-radius: 6px; background:#322C3F; padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:left; font-weight:800; font-family:var(--wiki-heading-font-family); overflow: initial; font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); background-color: #9747ff; } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-banner-container { position: relative; } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { position: relative; font-family: var(--wiki-heading-font-family); z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: 1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery { display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: 0; } .mp-box ul.gallery pre { box-shadow: inset 0 0 20px 2px #000; text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000; } /*********************** * End main page layout * ************************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border:4px solid var(--druid-border-color); background:var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 16.875em; box-sizing:border-box; border-collapse:collapse; } @media screen and (max-width: 450px) { .druid-container { width:100%; } } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-title, .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; } .druid-section { font-size:1.25em; } .druid-label { font-weight:bold; } .druid-main-images { padding:5px; } .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; } .druid-grid-item { background:var(--druid-tertiary-background-color); margin:0.25em; padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); } .druid-collapsed { display:none; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content:'–'; display:block; position:absolute; right:10px; font-size:20px; font-weight:bold; color:var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content:'+'; } /*********************** * End DRUID infoboxes * ************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); border-bottom: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > *, .spoiler-content:hover > * { pointer-events:unset; } .spoiler-content.show, .spoiler-content.hover:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span, .spoiler-content.hover:hover > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { display: inline-flex; align-items: baseline; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /* [[Category:Template stylesheets]] */ /********* [[Template:MainMenu]] *********/ .menu-title { background-color: #9747FF; color: #fff; font-size: 1.2rem; font-weight: 800; padding: 10px; text-align: left; text-shadow: 1px 1px #000; } .menu-button li { display: inline-block; height: 46px; margin: 3px 0; min-width: 200px; } .menu-button a, .menu-button a:visited, .menu-button a.external, .menu-button a.external:visited { color: #fff; font-size: 1rem; line-height: 2.9; min-width: 200px; width: min-content; } .menu-button a:hover { color: #fff; font-weight: bold; } .menu-page { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); border-radius: 6px; background-color:#322C3F; } .menu-container { margin: 5px; } .menu-button-container { grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) ); display: grid; } /************************ * End Modular Templates * *************************/ 4e892d786907da2d5942eb8d1c69f516dc762c68 260 259 2024-06-10T18:22:10Z MorphBot 477760 update css css text/css /* CSS placed here will be applied to all skins */ :root, .theme-light { --wiki-body-background-image: none; --wiki-body-background-color: #f6f6f6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-color--secondary: #ffffff; --wiki-body-background-color--secondary--rgb: 255,255,255; --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 211, 194, 176; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: 0.0; --wiki-sidebar-border-color: var(--wiki-body-background-color); --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: #e8f2f8; --wiki-navigation-background-color--secondary--rgb: 232, 242, 248; --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); } .theme-dark { --wiki-body-background-image: none; --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 1.0; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); } /***************************** * Dark mode Syntax highlight * ******************************/ .view-dark .mw-highlight .hll { background-color: #49483e } .view-dark .mw-highlight { background: #272822; color: #f8f8f2 } .view-dark .mw-highlight .c { color: #75715e } /* Comment */ .view-dark .mw-highlight .err { color: #960050; background-color: #1e0010 } /* Error */ .view-dark .mw-highlight .k { color: #66d9ef } /* Keyword */ .view-dark .mw-highlight .l { color: #ae81ff } /* Literal */ .view-dark .mw-highlight .n { color: #f8f8f2 } /* Name */ .view-dark .mw-highlight .o { color: #f92672 } /* Operator */ .view-dark .mw-highlight .p { color: #f8f8f2 } /* Punctuation */ .view-dark .mw-highlight .ch { color: #75715e } /* Comment.Hashbang */ .view-dark .mw-highlight .cm { color: #75715e } /* Comment.Multiline */ .view-dark .mw-highlight .cp { color: #75715e } /* Comment.Preproc */ .view-dark .mw-highlight .cpf { color: #75715e } /* Comment.PreprocFile */ .view-dark .mw-highlight .c1 { color: #75715e } /* Comment.Single */ .view-dark .mw-highlight .cs { color: #75715e } /* Comment.Special */ .view-dark .mw-highlight .gd { color: #f92672 } /* Generic.Deleted */ .view-dark .mw-highlight .ge { font-style: italic } /* Generic.Emph */ .view-dark .mw-highlight .gi { color: #a6e22e } /* Generic.Inserted */ .view-dark .mw-highlight .gs { font-weight: bold } /* Generic.Strong */ .view-dark .mw-highlight .gu { color: #75715e } /* Generic.Subheading */ .view-dark .mw-highlight .kc { color: #66d9ef } /* Keyword.Constant */ .view-dark .mw-highlight .kd { color: #66d9ef } /* Keyword.Declaration */ .view-dark .mw-highlight .kn { color: #f92672 } /* Keyword.Namespace */ .view-dark .mw-highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ .view-dark .mw-highlight .kr { color: #66d9ef } /* Keyword.Reserved */ .view-dark .mw-highlight .kt { color: #66d9ef } /* Keyword.Type */ .view-dark .mw-highlight .ld { color: #e6db74 } /* Literal.Date */ .view-dark .mw-highlight .m { color: #ae81ff } /* Literal.Number */ .view-dark .mw-highlight .s { color: #e6db74 } /* Literal.String */ .view-dark .mw-highlight .na { color: #a6e22e } /* Name.Attribute */ .view-dark .mw-highlight .nb { color: #f8f8f2 } /* Name.Builtin */ .view-dark .mw-highlight .nc { color: #a6e22e } /* Name.Class */ .view-dark .mw-highlight .no { color: #66d9ef } /* Name.Constant */ .view-dark .mw-highlight .nd { color: #a6e22e } /* Name.Decorator */ .view-dark .mw-highlight .ni { color: #f8f8f2 } /* Name.Entity */ .view-dark .mw-highlight .ne { color: #a6e22e } /* Name.Exception */ .view-dark .mw-highlight .nf { color: #a6e22e } /* Name.Function */ .view-dark .mw-highlight .nl { color: #f8f8f2 } /* Name.Label */ .view-dark .mw-highlight .nn { color: #f8f8f2 } /* Name.Namespace */ .view-dark .mw-highlight .nx { color: #a6e22e } /* Name.Other */ .view-dark .mw-highlight .py { color: #f8f8f2 } /* Name.Property */ .view-dark .mw-highlight .nt { color: #f92672 } /* Name.Tag */ .view-dark .mw-highlight .nv { color: #f8f8f2 } /* Name.Variable */ .view-dark .mw-highlight .ow { color: #f92672 } /* Operator.Word */ .view-dark .mw-highlight .w { color: #f8f8f2 } /* Text.Whitespace */ .view-dark .mw-highlight .mb { color: #ae81ff } /* Literal.Number.Bin */ .view-dark .mw-highlight .mf { color: #ae81ff } /* Literal.Number.Float */ .view-dark .mw-highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ .view-dark .mw-highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ .view-dark .mw-highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ .view-dark .mw-highlight .sa { color: #e6db74 } /* Literal.String.Affix */ .view-dark .mw-highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ .view-dark .mw-highlight .sc { color: #e6db74 } /* Literal.String.Char */ .view-dark .mw-highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */ .view-dark .mw-highlight .sd { color: #e6db74 } /* Literal.String.Doc */ .view-dark .mw-highlight .s2 { color: #e6db74 } /* Literal.String.Double */ .view-dark .mw-highlight .se { color: #ae81ff } /* Literal.String.Escape */ .view-dark .mw-highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ .view-dark .mw-highlight .si { color: #e6db74 } /* Literal.String.Interpol */ .view-dark .mw-highlight .sx { color: #e6db74 } /* Literal.String.Other */ .view-dark .mw-highlight .sr { color: #e6db74 } /* Literal.String.Regex */ .view-dark .mw-highlight .s1 { color: #e6db74 } /* Literal.String.Single */ .view-dark .mw-highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ .view-dark .mw-highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ .view-dark .mw-highlight .fm { color: #a6e22e } /* Name.Function.Magic */ .view-dark .mw-highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ .view-dark .mw-highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ .view-dark .mw-highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ .view-dark .mw-highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */ .view-dark .mw-highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ /***************************** * End syntax highlight * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " · "; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-box-welcome {grid-area: welcome;} #mp-box-about {grid-area: about;} #mp-box-links {grid-area: links;} #mp-box-contribute {grid-area: contribute;} #mp-box-featured {grid-area: featured;} #mp-box-basics {grid-area: basics;} #mp-box-gallery {grid-area: gallery;} #mp-box-iconlists {grid-area: iconlists;} /* Example Main Page 1 Grid Layout */ #mp-layout1-container { display:grid; grid-template-areas: "welcome" "about" "featured" "basics" "gallery" "links" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout1-container { grid-template-areas: "welcome welcome" "about about" "featured basics" "gallery links" "contribute contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout1-container { grid-template-areas: "welcome welcome welcome" "about about basics" "featured featured basics" "gallery links links" "contribute contribute contribute"; grid-template-columns: 2fr 1fr 2fr; } } /* Example Main Page 2 Grid Layout */ #mp-layout2-container { display:grid; grid-template-areas: "welcome" "links" "about" "gallery" "iconlists" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout2-container { grid-template-areas: "welcome links" "gallery about" "iconlists about" "iconlists contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout2-container { grid-template-areas: "welcome welcome links" "welcome welcome about" "gallery gallery about" "iconlists iconlists contribute"; grid-template-columns: 3fr 2fr 2fr; } } /* Example Main Page 3 Grid Layout */ #mp-layout3-container { display:grid; grid-template-areas: "welcome" "about" "featured" "four" "priority" "projects" "wiki"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout3-container { grid-template-areas: "welcome welcome" "about about" "featured four" "priority projects" "wiki wiki"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout3-container { grid-template-areas: "welcome welcome welcome" "about about four" "featured featured four" "priority projects projects" "wiki wiki wiki"; grid-template-columns:2fr 1fr 2fr; } } .mp-box { overflow: hidden; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; border-radius: 6px; background:#322C3F; padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:left; font-weight:800; font-family:var(--wiki-heading-font-family); overflow: initial; font-size: 150%; margin: 0; padding: 5px; color:var(--wiki-heading-color); background-color: #9747ff; } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-banner-container { position: relative; } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { position: relative; font-family: var(--wiki-heading-font-family); z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: 1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery { display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: 0; } .mp-box ul.gallery pre { box-shadow: inset 0 0 20px 2px #000; text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000; } /*********************** * End main page layout * ************************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border:4px solid var(--druid-border-color); background:var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 16.875em; box-sizing:border-box; border-collapse:collapse; } @media screen and (max-width: 450px) { .druid-container { width:100%; } } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-title, .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; } .druid-section { font-size:1.25em; } .druid-label { font-weight:bold; } .druid-main-images { padding:5px; } .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; } .druid-grid-item { background:var(--druid-tertiary-background-color); margin:0.25em; padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); } .druid-collapsed { display:none; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content:'–'; display:block; position:absolute; right:10px; font-size:20px; font-weight:bold; color:var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content:'+'; } /*********************** * End DRUID infoboxes * ************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); border-bottom: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > *, .spoiler-content:hover > * { pointer-events:unset; } .spoiler-content.show, .spoiler-content.hover:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span, .spoiler-content.hover:hover > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { display: inline-flex; align-items: baseline; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /* [[Category:Template stylesheets]] */ /********* [[Template:MainMenu]] *********/ .menu-title { background-color: #9747FF; color: #fff; font-size: 1.2rem; font-weight: 800; padding: 10px; text-align: left; text-shadow: 1px 1px #000; } .menu-button li { display: inline-block; height: 46px; margin: 3px 0; min-width: 200px; } .menu-button a, .menu-button a:visited, .menu-button a.external, .menu-button a.external:visited { color: #fff; font-size: 1rem; line-height: 2.9; min-width: 200px; width: min-content; } .menu-button a:hover { color: #fff; font-weight: bold; } .menu-page { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); border-radius: 6px; background-color:#322C3F; overflow: hidden; } .menu-container { margin: 5px; } .menu-button-container { grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) ); display: grid; } /************************ * End Modular Templates * *************************/ 547cc2573e1a68620fc986928bd81b8cf7cd142e 261 260 2024-06-10T18:28:56Z MorphBot 477760 css text/css /* CSS placed here will be applied to all skins */ :root, .theme-light { --wiki-body-background-image: none; --wiki-body-background-color: #f6f6f6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-color--secondary: #ffffff; --wiki-body-background-color--secondary--rgb: 255,255,255; --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 211, 194, 176; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: 0.0; --wiki-sidebar-border-color: var(--wiki-body-background-color); --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: #e8f2f8; --wiki-navigation-background-color--secondary--rgb: 232, 242, 248; --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); } .theme-dark { --wiki-body-background-image: none; --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 1.0; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); } /***************************** * Dark mode Syntax highlight * ******************************/ .view-dark .mw-highlight .hll { background-color: #49483e } .view-dark .mw-highlight { background: #272822; color: #f8f8f2 } .view-dark .mw-highlight .c { color: #75715e } /* Comment */ .view-dark .mw-highlight .err { color: #960050; background-color: #1e0010 } /* Error */ .view-dark .mw-highlight .k { color: #66d9ef } /* Keyword */ .view-dark .mw-highlight .l { color: #ae81ff } /* Literal */ .view-dark .mw-highlight .n { color: #f8f8f2 } /* Name */ .view-dark .mw-highlight .o { color: #f92672 } /* Operator */ .view-dark .mw-highlight .p { color: #f8f8f2 } /* Punctuation */ .view-dark .mw-highlight .ch { color: #75715e } /* Comment.Hashbang */ .view-dark .mw-highlight .cm { color: #75715e } /* Comment.Multiline */ .view-dark .mw-highlight .cp { color: #75715e } /* Comment.Preproc */ .view-dark .mw-highlight .cpf { color: #75715e } /* Comment.PreprocFile */ .view-dark .mw-highlight .c1 { color: #75715e } /* Comment.Single */ .view-dark .mw-highlight .cs { color: #75715e } /* Comment.Special */ .view-dark .mw-highlight .gd { color: #f92672 } /* Generic.Deleted */ .view-dark .mw-highlight .ge { font-style: italic } /* Generic.Emph */ .view-dark .mw-highlight .gi { color: #a6e22e } /* Generic.Inserted */ .view-dark .mw-highlight .gs { font-weight: bold } /* Generic.Strong */ .view-dark .mw-highlight .gu { color: #75715e } /* Generic.Subheading */ .view-dark .mw-highlight .kc { color: #66d9ef } /* Keyword.Constant */ .view-dark .mw-highlight .kd { color: #66d9ef } /* Keyword.Declaration */ .view-dark .mw-highlight .kn { color: #f92672 } /* Keyword.Namespace */ .view-dark .mw-highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ .view-dark .mw-highlight .kr { color: #66d9ef } /* Keyword.Reserved */ .view-dark .mw-highlight .kt { color: #66d9ef } /* Keyword.Type */ .view-dark .mw-highlight .ld { color: #e6db74 } /* Literal.Date */ .view-dark .mw-highlight .m { color: #ae81ff } /* Literal.Number */ .view-dark .mw-highlight .s { color: #e6db74 } /* Literal.String */ .view-dark .mw-highlight .na { color: #a6e22e } /* Name.Attribute */ .view-dark .mw-highlight .nb { color: #f8f8f2 } /* Name.Builtin */ .view-dark .mw-highlight .nc { color: #a6e22e } /* Name.Class */ .view-dark .mw-highlight .no { color: #66d9ef } /* Name.Constant */ .view-dark .mw-highlight .nd { color: #a6e22e } /* Name.Decorator */ .view-dark .mw-highlight .ni { color: #f8f8f2 } /* Name.Entity */ .view-dark .mw-highlight .ne { color: #a6e22e } /* Name.Exception */ .view-dark .mw-highlight .nf { color: #a6e22e } /* Name.Function */ .view-dark .mw-highlight .nl { color: #f8f8f2 } /* Name.Label */ .view-dark .mw-highlight .nn { color: #f8f8f2 } /* Name.Namespace */ .view-dark .mw-highlight .nx { color: #a6e22e } /* Name.Other */ .view-dark .mw-highlight .py { color: #f8f8f2 } /* Name.Property */ .view-dark .mw-highlight .nt { color: #f92672 } /* Name.Tag */ .view-dark .mw-highlight .nv { color: #f8f8f2 } /* Name.Variable */ .view-dark .mw-highlight .ow { color: #f92672 } /* Operator.Word */ .view-dark .mw-highlight .w { color: #f8f8f2 } /* Text.Whitespace */ .view-dark .mw-highlight .mb { color: #ae81ff } /* Literal.Number.Bin */ .view-dark .mw-highlight .mf { color: #ae81ff } /* Literal.Number.Float */ .view-dark .mw-highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ .view-dark .mw-highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ .view-dark .mw-highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ .view-dark .mw-highlight .sa { color: #e6db74 } /* Literal.String.Affix */ .view-dark .mw-highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ .view-dark .mw-highlight .sc { color: #e6db74 } /* Literal.String.Char */ .view-dark .mw-highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */ .view-dark .mw-highlight .sd { color: #e6db74 } /* Literal.String.Doc */ .view-dark .mw-highlight .s2 { color: #e6db74 } /* Literal.String.Double */ .view-dark .mw-highlight .se { color: #ae81ff } /* Literal.String.Escape */ .view-dark .mw-highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ .view-dark .mw-highlight .si { color: #e6db74 } /* Literal.String.Interpol */ .view-dark .mw-highlight .sx { color: #e6db74 } /* Literal.String.Other */ .view-dark .mw-highlight .sr { color: #e6db74 } /* Literal.String.Regex */ .view-dark .mw-highlight .s1 { color: #e6db74 } /* Literal.String.Single */ .view-dark .mw-highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ .view-dark .mw-highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ .view-dark .mw-highlight .fm { color: #a6e22e } /* Name.Function.Magic */ .view-dark .mw-highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ .view-dark .mw-highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ .view-dark .mw-highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ .view-dark .mw-highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */ .view-dark .mw-highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ /***************************** * End syntax highlight * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " · "; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-box-welcome {grid-area: welcome;} #mp-box-about {grid-area: about;} #mp-box-links {grid-area: links;} #mp-box-contribute {grid-area: contribute;} #mp-box-featured {grid-area: featured;} #mp-box-basics {grid-area: basics;} #mp-box-gallery {grid-area: gallery;} #mp-box-iconlists {grid-area: iconlists;} /* Example Main Page 1 Grid Layout */ #mp-layout1-container { display:grid; grid-template-areas: "welcome" "about" "featured" "basics" "gallery" "links" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout1-container { grid-template-areas: "welcome welcome" "about about" "featured basics" "gallery links" "contribute contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout1-container { grid-template-areas: "welcome welcome welcome" "about about basics" "featured featured basics" "gallery links links" "contribute contribute contribute"; grid-template-columns: 2fr 1fr 2fr; } } /* Example Main Page 2 Grid Layout */ #mp-layout2-container { display:grid; grid-template-areas: "welcome" "links" "about" "gallery" "iconlists" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout2-container { grid-template-areas: "welcome links" "gallery about" "iconlists about" "iconlists contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout2-container { grid-template-areas: "welcome welcome links" "welcome welcome about" "gallery gallery about" "iconlists iconlists contribute"; grid-template-columns: 3fr 2fr 2fr; } } /* Example Main Page 3 Grid Layout */ #mp-layout3-container { display:grid; grid-template-areas: "welcome" "about" "featured" "four" "priority" "projects" "wiki"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout3-container { grid-template-areas: "welcome welcome" "about about" "featured four" "priority projects" "wiki wiki"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout3-container { grid-template-areas: "welcome welcome welcome" "about about four" "featured featured four" "priority projects projects" "wiki wiki wiki"; grid-template-columns:2fr 1fr 2fr; } } .mp-box { overflow: hidden; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; border-radius: 6px; background:#322C3F; padding: 0; border: 0; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:left; font-weight:800; font-family:var(--wiki-heading-font-family); overflow: initial; font-size: 150%; margin: 0; padding: 5px; color:var(--wiki-heading-color); background-color: #9747ff; } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-banner-container { position: relative; } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { position: relative; font-family: var(--wiki-heading-font-family); z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: 1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery { display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: 0; } .mp-box ul.gallery pre { box-shadow: inset 0 0 20px 2px #000; text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000; } /*********************** * End main page layout * ************************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border:4px solid var(--druid-border-color); background:var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 16.875em; box-sizing:border-box; border-collapse:collapse; } @media screen and (max-width: 450px) { .druid-container { width:100%; } } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-title, .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; } .druid-section { font-size:1.25em; } .druid-label { font-weight:bold; } .druid-main-images { padding:5px; } .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; } .druid-grid-item { background:var(--druid-tertiary-background-color); margin:0.25em; padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); } .druid-collapsed { display:none; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content:'–'; display:block; position:absolute; right:10px; font-size:20px; font-weight:bold; color:var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content:'+'; } /*********************** * End DRUID infoboxes * ************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); border-bottom: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > *, .spoiler-content:hover > * { pointer-events:unset; } .spoiler-content.show, .spoiler-content.hover:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span, .spoiler-content.hover:hover > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { display: inline-flex; align-items: baseline; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /* [[Category:Template stylesheets]] */ /********* [[Template:MainMenu]] *********/ .menu-title { background-color: #9747FF; color: #fff; font-size: 1.2rem; font-weight: 800; padding: 10px; text-align: left; text-shadow: 1px 1px #000; } .menu-button li { display: inline-block; height: 46px; margin: 3px 0; min-width: 200px; } .menu-button a, .menu-button a:visited, .menu-button a.external, .menu-button a.external:visited { color: #fff; font-size: 1rem; line-height: 2.9; min-width: 200px; width: min-content; } .menu-button a:hover { color: #fff; font-weight: bold; } .menu-page { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); border-radius: 6px; background-color:#322C3F; overflow: hidden; margin: 5px; } .menu-container { } .menu-button-container { grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) ); display: grid; } /************************ * End Modular Templates * *************************/ 4d2927ddcf5fd3bbb0397ed03a83e4c365e869c1 262 261 2024-06-10T18:31:42Z MorphBot 477760 css text/css /* CSS placed here will be applied to all skins */ :root, .theme-light { --wiki-body-background-image: none; --wiki-body-background-color: #f6f6f6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-color--secondary: #ffffff; --wiki-body-background-color--secondary--rgb: 255,255,255; --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 211, 194, 176; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: 0.0; --wiki-sidebar-border-color: var(--wiki-body-background-color); --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: #e8f2f8; --wiki-navigation-background-color--secondary--rgb: 232, 242, 248; --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); } .theme-dark { --wiki-body-background-image: none; --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 1.0; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); } /***************************** * Dark mode Syntax highlight * ******************************/ .view-dark .mw-highlight .hll { background-color: #49483e } .view-dark .mw-highlight { background: #272822; color: #f8f8f2 } .view-dark .mw-highlight .c { color: #75715e } /* Comment */ .view-dark .mw-highlight .err { color: #960050; background-color: #1e0010 } /* Error */ .view-dark .mw-highlight .k { color: #66d9ef } /* Keyword */ .view-dark .mw-highlight .l { color: #ae81ff } /* Literal */ .view-dark .mw-highlight .n { color: #f8f8f2 } /* Name */ .view-dark .mw-highlight .o { color: #f92672 } /* Operator */ .view-dark .mw-highlight .p { color: #f8f8f2 } /* Punctuation */ .view-dark .mw-highlight .ch { color: #75715e } /* Comment.Hashbang */ .view-dark .mw-highlight .cm { color: #75715e } /* Comment.Multiline */ .view-dark .mw-highlight .cp { color: #75715e } /* Comment.Preproc */ .view-dark .mw-highlight .cpf { color: #75715e } /* Comment.PreprocFile */ .view-dark .mw-highlight .c1 { color: #75715e } /* Comment.Single */ .view-dark .mw-highlight .cs { color: #75715e } /* Comment.Special */ .view-dark .mw-highlight .gd { color: #f92672 } /* Generic.Deleted */ .view-dark .mw-highlight .ge { font-style: italic } /* Generic.Emph */ .view-dark .mw-highlight .gi { color: #a6e22e } /* Generic.Inserted */ .view-dark .mw-highlight .gs { font-weight: bold } /* Generic.Strong */ .view-dark .mw-highlight .gu { color: #75715e } /* Generic.Subheading */ .view-dark .mw-highlight .kc { color: #66d9ef } /* Keyword.Constant */ .view-dark .mw-highlight .kd { color: #66d9ef } /* Keyword.Declaration */ .view-dark .mw-highlight .kn { color: #f92672 } /* Keyword.Namespace */ .view-dark .mw-highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ .view-dark .mw-highlight .kr { color: #66d9ef } /* Keyword.Reserved */ .view-dark .mw-highlight .kt { color: #66d9ef } /* Keyword.Type */ .view-dark .mw-highlight .ld { color: #e6db74 } /* Literal.Date */ .view-dark .mw-highlight .m { color: #ae81ff } /* Literal.Number */ .view-dark .mw-highlight .s { color: #e6db74 } /* Literal.String */ .view-dark .mw-highlight .na { color: #a6e22e } /* Name.Attribute */ .view-dark .mw-highlight .nb { color: #f8f8f2 } /* Name.Builtin */ .view-dark .mw-highlight .nc { color: #a6e22e } /* Name.Class */ .view-dark .mw-highlight .no { color: #66d9ef } /* Name.Constant */ .view-dark .mw-highlight .nd { color: #a6e22e } /* Name.Decorator */ .view-dark .mw-highlight .ni { color: #f8f8f2 } /* Name.Entity */ .view-dark .mw-highlight .ne { color: #a6e22e } /* Name.Exception */ .view-dark .mw-highlight .nf { color: #a6e22e } /* Name.Function */ .view-dark .mw-highlight .nl { color: #f8f8f2 } /* Name.Label */ .view-dark .mw-highlight .nn { color: #f8f8f2 } /* Name.Namespace */ .view-dark .mw-highlight .nx { color: #a6e22e } /* Name.Other */ .view-dark .mw-highlight .py { color: #f8f8f2 } /* Name.Property */ .view-dark .mw-highlight .nt { color: #f92672 } /* Name.Tag */ .view-dark .mw-highlight .nv { color: #f8f8f2 } /* Name.Variable */ .view-dark .mw-highlight .ow { color: #f92672 } /* Operator.Word */ .view-dark .mw-highlight .w { color: #f8f8f2 } /* Text.Whitespace */ .view-dark .mw-highlight .mb { color: #ae81ff } /* Literal.Number.Bin */ .view-dark .mw-highlight .mf { color: #ae81ff } /* Literal.Number.Float */ .view-dark .mw-highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ .view-dark .mw-highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ .view-dark .mw-highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ .view-dark .mw-highlight .sa { color: #e6db74 } /* Literal.String.Affix */ .view-dark .mw-highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ .view-dark .mw-highlight .sc { color: #e6db74 } /* Literal.String.Char */ .view-dark .mw-highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */ .view-dark .mw-highlight .sd { color: #e6db74 } /* Literal.String.Doc */ .view-dark .mw-highlight .s2 { color: #e6db74 } /* Literal.String.Double */ .view-dark .mw-highlight .se { color: #ae81ff } /* Literal.String.Escape */ .view-dark .mw-highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ .view-dark .mw-highlight .si { color: #e6db74 } /* Literal.String.Interpol */ .view-dark .mw-highlight .sx { color: #e6db74 } /* Literal.String.Other */ .view-dark .mw-highlight .sr { color: #e6db74 } /* Literal.String.Regex */ .view-dark .mw-highlight .s1 { color: #e6db74 } /* Literal.String.Single */ .view-dark .mw-highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ .view-dark .mw-highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ .view-dark .mw-highlight .fm { color: #a6e22e } /* Name.Function.Magic */ .view-dark .mw-highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ .view-dark .mw-highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ .view-dark .mw-highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ .view-dark .mw-highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */ .view-dark .mw-highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ /***************************** * End syntax highlight * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " · "; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-box-welcome {grid-area: welcome;} #mp-box-about {grid-area: about;} #mp-box-links {grid-area: links;} #mp-box-contribute {grid-area: contribute;} #mp-box-featured {grid-area: featured;} #mp-box-basics {grid-area: basics;} #mp-box-gallery {grid-area: gallery;} #mp-box-iconlists {grid-area: iconlists;} /* Example Main Page 1 Grid Layout */ #mp-layout1-container { display:grid; grid-template-areas: "welcome" "about" "featured" "basics" "gallery" "links" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout1-container { grid-template-areas: "welcome welcome" "about about" "featured basics" "gallery links" "contribute contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout1-container { grid-template-areas: "welcome welcome welcome" "about about basics" "featured featured basics" "gallery links links" "contribute contribute contribute"; grid-template-columns: 2fr 1fr 2fr; } } /* Example Main Page 2 Grid Layout */ #mp-layout2-container { display:grid; grid-template-areas: "welcome" "links" "about" "gallery" "iconlists" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout2-container { grid-template-areas: "welcome links" "gallery about" "iconlists about" "iconlists contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout2-container { grid-template-areas: "welcome welcome links" "welcome welcome about" "gallery gallery about" "iconlists iconlists contribute"; grid-template-columns: 3fr 2fr 2fr; } } /* Example Main Page 3 Grid Layout */ #mp-layout3-container { display:grid; grid-template-areas: "welcome" "about" "featured" "four" "priority" "projects" "wiki"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout3-container { grid-template-areas: "welcome welcome" "about about" "featured four" "priority projects" "wiki wiki"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout3-container { grid-template-areas: "welcome welcome welcome" "about about four" "featured featured four" "priority projects projects" "wiki wiki wiki"; grid-template-columns:2fr 1fr 2fr; } } .mp-box { overflow: hidden; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; border-radius: 6px; background:#322C3F; padding: 0; border: 0; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:left; font-weight:800; font-family:var(--wiki-heading-font-family); overflow: initial; font-size: 150%; margin: 0; padding: 5px; color:var(--wiki-heading-color); background-color: #9747ff; } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-banner-container { position: relative; } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { position: relative; font-family: var(--wiki-heading-font-family); z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: 1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery { display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: 0; } .mp-box ul.gallery pre { box-shadow: inset 0 0 20px 2px #000; text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000; } /*********************** * End main page layout * ************************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border:4px solid var(--druid-border-color); background:var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 16.875em; box-sizing:border-box; border-collapse:collapse; } @media screen and (max-width: 450px) { .druid-container { width:100%; } } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-title, .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; } .druid-section { font-size:1.25em; } .druid-label { font-weight:bold; } .druid-main-images { padding:5px; } .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; } .druid-grid-item { background:var(--druid-tertiary-background-color); margin:0.25em; padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); } .druid-collapsed { display:none; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content:'–'; display:block; position:absolute; right:10px; font-size:20px; font-weight:bold; color:var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content:'+'; } /*********************** * End DRUID infoboxes * ************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); border-bottom: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > *, .spoiler-content:hover > * { pointer-events:unset; } .spoiler-content.show, .spoiler-content.hover:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span, .spoiler-content.hover:hover > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { display: inline-flex; align-items: baseline; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /* [[Category:Template stylesheets]] */ /********* [[Template:MainMenu]] *********/ .menu-title { background-color: #9747FF; color: #fff; font-size: 1.2rem; font-weight: 800; padding: 10px; text-align: left; text-shadow: 1px 1px #000; } .menu-button li { display: inline-block; height: 46px; margin: 3px 0; min-width: 200px; } .menu-button a, .menu-button a:visited, .menu-button a.external, .menu-button a.external:visited { color: #fff; font-size: 1rem; line-height: 2.9; min-width: 200px; width: min-content; } .menu-button a:hover { color: #fff; font-weight: bold; } .menu-page { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .menu-container { border-radius: 6px; background-color:#322C3F; overflow: hidden; margin: 5px; } .menu-button-container { grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) ); display: grid; } /************************ * End Modular Templates * *************************/ f21a7e648199775e46e866d3466332f0ed22c758 282 262 2024-06-10T20:28:24Z MorphBot 477760 css text/css /* CSS placed here will be applied to all skins */ :root, .theme-light { --wiki-body-background-image: none; --wiki-body-background-color: #f6f6f6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-color--secondary: #ffffff; --wiki-body-background-color--secondary--rgb: 255,255,255; --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 211, 194, 176; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: 0.0; --wiki-sidebar-border-color: var(--wiki-body-background-color); --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: #e8f2f8; --wiki-navigation-background-color--secondary--rgb: 232, 242, 248; --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); } .theme-dark { --wiki-body-background-image: none; --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 1.0; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); } /***************************** * Dark mode Syntax highlight * ******************************/ .view-dark .mw-highlight .hll { background-color: #49483e } .view-dark .mw-highlight { background: #272822; color: #f8f8f2 } .view-dark .mw-highlight .c { color: #75715e } /* Comment */ .view-dark .mw-highlight .err { color: #960050; background-color: #1e0010 } /* Error */ .view-dark .mw-highlight .k { color: #66d9ef } /* Keyword */ .view-dark .mw-highlight .l { color: #ae81ff } /* Literal */ .view-dark .mw-highlight .n { color: #f8f8f2 } /* Name */ .view-dark .mw-highlight .o { color: #f92672 } /* Operator */ .view-dark .mw-highlight .p { color: #f8f8f2 } /* Punctuation */ .view-dark .mw-highlight .ch { color: #75715e } /* Comment.Hashbang */ .view-dark .mw-highlight .cm { color: #75715e } /* Comment.Multiline */ .view-dark .mw-highlight .cp { color: #75715e } /* Comment.Preproc */ .view-dark .mw-highlight .cpf { color: #75715e } /* Comment.PreprocFile */ .view-dark .mw-highlight .c1 { color: #75715e } /* Comment.Single */ .view-dark .mw-highlight .cs { color: #75715e } /* Comment.Special */ .view-dark .mw-highlight .gd { color: #f92672 } /* Generic.Deleted */ .view-dark .mw-highlight .ge { font-style: italic } /* Generic.Emph */ .view-dark .mw-highlight .gi { color: #a6e22e } /* Generic.Inserted */ .view-dark .mw-highlight .gs { font-weight: bold } /* Generic.Strong */ .view-dark .mw-highlight .gu { color: #75715e } /* Generic.Subheading */ .view-dark .mw-highlight .kc { color: #66d9ef } /* Keyword.Constant */ .view-dark .mw-highlight .kd { color: #66d9ef } /* Keyword.Declaration */ .view-dark .mw-highlight .kn { color: #f92672 } /* Keyword.Namespace */ .view-dark .mw-highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ .view-dark .mw-highlight .kr { color: #66d9ef } /* Keyword.Reserved */ .view-dark .mw-highlight .kt { color: #66d9ef } /* Keyword.Type */ .view-dark .mw-highlight .ld { color: #e6db74 } /* Literal.Date */ .view-dark .mw-highlight .m { color: #ae81ff } /* Literal.Number */ .view-dark .mw-highlight .s { color: #e6db74 } /* Literal.String */ .view-dark .mw-highlight .na { color: #a6e22e } /* Name.Attribute */ .view-dark .mw-highlight .nb { color: #f8f8f2 } /* Name.Builtin */ .view-dark .mw-highlight .nc { color: #a6e22e } /* Name.Class */ .view-dark .mw-highlight .no { color: #66d9ef } /* Name.Constant */ .view-dark .mw-highlight .nd { color: #a6e22e } /* Name.Decorator */ .view-dark .mw-highlight .ni { color: #f8f8f2 } /* Name.Entity */ .view-dark .mw-highlight .ne { color: #a6e22e } /* Name.Exception */ .view-dark .mw-highlight .nf { color: #a6e22e } /* Name.Function */ .view-dark .mw-highlight .nl { color: #f8f8f2 } /* Name.Label */ .view-dark .mw-highlight .nn { color: #f8f8f2 } /* Name.Namespace */ .view-dark .mw-highlight .nx { color: #a6e22e } /* Name.Other */ .view-dark .mw-highlight .py { color: #f8f8f2 } /* Name.Property */ .view-dark .mw-highlight .nt { color: #f92672 } /* Name.Tag */ .view-dark .mw-highlight .nv { color: #f8f8f2 } /* Name.Variable */ .view-dark .mw-highlight .ow { color: #f92672 } /* Operator.Word */ .view-dark .mw-highlight .w { color: #f8f8f2 } /* Text.Whitespace */ .view-dark .mw-highlight .mb { color: #ae81ff } /* Literal.Number.Bin */ .view-dark .mw-highlight .mf { color: #ae81ff } /* Literal.Number.Float */ .view-dark .mw-highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ .view-dark .mw-highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ .view-dark .mw-highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ .view-dark .mw-highlight .sa { color: #e6db74 } /* Literal.String.Affix */ .view-dark .mw-highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ .view-dark .mw-highlight .sc { color: #e6db74 } /* Literal.String.Char */ .view-dark .mw-highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */ .view-dark .mw-highlight .sd { color: #e6db74 } /* Literal.String.Doc */ .view-dark .mw-highlight .s2 { color: #e6db74 } /* Literal.String.Double */ .view-dark .mw-highlight .se { color: #ae81ff } /* Literal.String.Escape */ .view-dark .mw-highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ .view-dark .mw-highlight .si { color: #e6db74 } /* Literal.String.Interpol */ .view-dark .mw-highlight .sx { color: #e6db74 } /* Literal.String.Other */ .view-dark .mw-highlight .sr { color: #e6db74 } /* Literal.String.Regex */ .view-dark .mw-highlight .s1 { color: #e6db74 } /* Literal.String.Single */ .view-dark .mw-highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ .view-dark .mw-highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ .view-dark .mw-highlight .fm { color: #a6e22e } /* Name.Function.Magic */ .view-dark .mw-highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ .view-dark .mw-highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ .view-dark .mw-highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ .view-dark .mw-highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */ .view-dark .mw-highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ /***************************** * End syntax highlight * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " · "; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-box-welcome {grid-area: welcome;} #mp-box-about {grid-area: about;} #mp-box-links {grid-area: links;} #mp-box-contribute {grid-area: contribute;} #mp-box-featured {grid-area: featured;} #mp-box-basics {grid-area: basics;} #mp-box-gallery {grid-area: gallery;} #mp-box-iconlists {grid-area: iconlists;} /* Example Main Page 1 Grid Layout */ #mp-layout1-container { display:grid; grid-template-areas: "welcome" "about" "featured" "basics" "gallery" "links" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout1-container { grid-template-areas: "welcome welcome" "about about" "featured basics" "gallery links" "contribute contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout1-container { grid-template-areas: "welcome welcome welcome" "about about basics" "featured featured basics" "gallery links links" "contribute contribute contribute"; grid-template-columns: 2fr 1fr 2fr; } } /* Example Main Page 2 Grid Layout */ #mp-layout2-container { display:grid; grid-template-areas: "welcome" "links" "about" "gallery" "iconlists" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout2-container { grid-template-areas: "welcome links" "gallery about" "iconlists about" "iconlists contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout2-container { grid-template-areas: "welcome welcome links" "welcome welcome about" "gallery gallery about" "iconlists iconlists contribute"; grid-template-columns: 3fr 2fr 2fr; } } /* Example Main Page 3 Grid Layout */ #mp-layout3-container { display:grid; grid-template-areas: "welcome" "about" "featured" "four" "priority" "projects" "wiki"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout3-container { grid-template-areas: "welcome welcome" "about about" "featured four" "priority projects" "wiki wiki"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout3-container { grid-template-areas: "welcome welcome welcome" "about about four" "featured featured four" "priority projects projects" "wiki wiki wiki"; grid-template-columns:2fr 1fr 2fr; } } .mp-box { overflow: hidden; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; border-radius: 6px; background:#322C3F; padding: 0; border: 0; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:left; font-weight:800; font-family:var(--wiki-heading-font-family); overflow: initial; font-size: 150%; margin: 0; padding: 5px; color:var(--wiki-heading-color); background-color: #9747ff; } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-banner-container { position: relative; } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { position: relative; font-family: var(--wiki-heading-font-family); z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: 1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery { display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: 0; } .mp-box ul.gallery pre { box-shadow: inset 0 0 20px 2px #000; text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000; } /*********************** * End main page layout * ************************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border:4px solid var(--druid-border-color); background:var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 16.875em; box-sizing:border-box; border-collapse:collapse; } @media screen and (max-width: 450px) { .druid-container { width:100%; } } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-title, .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; } .druid-section { font-size:1.25em; } .druid-label { font-weight:bold; } .druid-main-images { padding:5px; } .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; } .druid-grid-item { background:var(--druid-tertiary-background-color); margin:0.25em; padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); } .druid-collapsed { display:none; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content:'–'; display:block; position:absolute; right:10px; font-size:20px; font-weight:bold; color:var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content:'+'; } /*********************** * End DRUID infoboxes * ************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); border-bottom: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > *, .spoiler-content:hover > * { pointer-events:unset; } .spoiler-content.show, .spoiler-content.hover:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span, .spoiler-content.hover:hover > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { display: inline-flex; align-items: baseline; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /* [[Category:Template stylesheets]] */ /********* [[Template:MainMenu]] *********/ .menu-title { background-color: #9747FF; color: #fff; font-size: 1.2rem; font-weight: 800; padding: 10px; text-align: left; text-shadow: 1px 1px #000; } .menu-button li { display: inline-block; height: 46px; margin: 3px 0; min-width: 200px; } .menu-button a, .menu-button a:visited, .menu-button a.external, .menu-button a.external:visited { color: #fff; font-size: 1rem; line-height: 2.9; min-width: 200px; width: min-content; } .menu-button a:hover { color: #fff; font-weight: bold; } .menu-page { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); column-gap: 5px; } .menu-container { border-radius: 6px; background-color:#322C3F; overflow: hidden; } .menu-button-container { grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) ); display: grid; } /************************ * End Modular Templates * *************************/ 841963af9c8340883fa5d44bdaa577ec7d248a54 283 282 2024-06-10T20:29:52Z MorphBot 477760 css text/css /* CSS placed here will be applied to all skins */ :root, .theme-light { --wiki-body-background-image: none; --wiki-body-background-color: #f6f6f6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-color--secondary: #ffffff; --wiki-body-background-color--secondary--rgb: 255,255,255; --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 211, 194, 176; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: 0.0; --wiki-sidebar-border-color: var(--wiki-body-background-color); --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: #e8f2f8; --wiki-navigation-background-color--secondary--rgb: 232, 242, 248; --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); } .theme-dark { --wiki-body-background-image: none; --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 1.0; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-border-color); --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); } /***************************** * Dark mode Syntax highlight * ******************************/ .view-dark .mw-highlight .hll { background-color: #49483e } .view-dark .mw-highlight { background: #272822; color: #f8f8f2 } .view-dark .mw-highlight .c { color: #75715e } /* Comment */ .view-dark .mw-highlight .err { color: #960050; background-color: #1e0010 } /* Error */ .view-dark .mw-highlight .k { color: #66d9ef } /* Keyword */ .view-dark .mw-highlight .l { color: #ae81ff } /* Literal */ .view-dark .mw-highlight .n { color: #f8f8f2 } /* Name */ .view-dark .mw-highlight .o { color: #f92672 } /* Operator */ .view-dark .mw-highlight .p { color: #f8f8f2 } /* Punctuation */ .view-dark .mw-highlight .ch { color: #75715e } /* Comment.Hashbang */ .view-dark .mw-highlight .cm { color: #75715e } /* Comment.Multiline */ .view-dark .mw-highlight .cp { color: #75715e } /* Comment.Preproc */ .view-dark .mw-highlight .cpf { color: #75715e } /* Comment.PreprocFile */ .view-dark .mw-highlight .c1 { color: #75715e } /* Comment.Single */ .view-dark .mw-highlight .cs { color: #75715e } /* Comment.Special */ .view-dark .mw-highlight .gd { color: #f92672 } /* Generic.Deleted */ .view-dark .mw-highlight .ge { font-style: italic } /* Generic.Emph */ .view-dark .mw-highlight .gi { color: #a6e22e } /* Generic.Inserted */ .view-dark .mw-highlight .gs { font-weight: bold } /* Generic.Strong */ .view-dark .mw-highlight .gu { color: #75715e } /* Generic.Subheading */ .view-dark .mw-highlight .kc { color: #66d9ef } /* Keyword.Constant */ .view-dark .mw-highlight .kd { color: #66d9ef } /* Keyword.Declaration */ .view-dark .mw-highlight .kn { color: #f92672 } /* Keyword.Namespace */ .view-dark .mw-highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ .view-dark .mw-highlight .kr { color: #66d9ef } /* Keyword.Reserved */ .view-dark .mw-highlight .kt { color: #66d9ef } /* Keyword.Type */ .view-dark .mw-highlight .ld { color: #e6db74 } /* Literal.Date */ .view-dark .mw-highlight .m { color: #ae81ff } /* Literal.Number */ .view-dark .mw-highlight .s { color: #e6db74 } /* Literal.String */ .view-dark .mw-highlight .na { color: #a6e22e } /* Name.Attribute */ .view-dark .mw-highlight .nb { color: #f8f8f2 } /* Name.Builtin */ .view-dark .mw-highlight .nc { color: #a6e22e } /* Name.Class */ .view-dark .mw-highlight .no { color: #66d9ef } /* Name.Constant */ .view-dark .mw-highlight .nd { color: #a6e22e } /* Name.Decorator */ .view-dark .mw-highlight .ni { color: #f8f8f2 } /* Name.Entity */ .view-dark .mw-highlight .ne { color: #a6e22e } /* Name.Exception */ .view-dark .mw-highlight .nf { color: #a6e22e } /* Name.Function */ .view-dark .mw-highlight .nl { color: #f8f8f2 } /* Name.Label */ .view-dark .mw-highlight .nn { color: #f8f8f2 } /* Name.Namespace */ .view-dark .mw-highlight .nx { color: #a6e22e } /* Name.Other */ .view-dark .mw-highlight .py { color: #f8f8f2 } /* Name.Property */ .view-dark .mw-highlight .nt { color: #f92672 } /* Name.Tag */ .view-dark .mw-highlight .nv { color: #f8f8f2 } /* Name.Variable */ .view-dark .mw-highlight .ow { color: #f92672 } /* Operator.Word */ .view-dark .mw-highlight .w { color: #f8f8f2 } /* Text.Whitespace */ .view-dark .mw-highlight .mb { color: #ae81ff } /* Literal.Number.Bin */ .view-dark .mw-highlight .mf { color: #ae81ff } /* Literal.Number.Float */ .view-dark .mw-highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ .view-dark .mw-highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ .view-dark .mw-highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ .view-dark .mw-highlight .sa { color: #e6db74 } /* Literal.String.Affix */ .view-dark .mw-highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ .view-dark .mw-highlight .sc { color: #e6db74 } /* Literal.String.Char */ .view-dark .mw-highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */ .view-dark .mw-highlight .sd { color: #e6db74 } /* Literal.String.Doc */ .view-dark .mw-highlight .s2 { color: #e6db74 } /* Literal.String.Double */ .view-dark .mw-highlight .se { color: #ae81ff } /* Literal.String.Escape */ .view-dark .mw-highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ .view-dark .mw-highlight .si { color: #e6db74 } /* Literal.String.Interpol */ .view-dark .mw-highlight .sx { color: #e6db74 } /* Literal.String.Other */ .view-dark .mw-highlight .sr { color: #e6db74 } /* Literal.String.Regex */ .view-dark .mw-highlight .s1 { color: #e6db74 } /* Literal.String.Single */ .view-dark .mw-highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ .view-dark .mw-highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ .view-dark .mw-highlight .fm { color: #a6e22e } /* Name.Function.Magic */ .view-dark .mw-highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ .view-dark .mw-highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ .view-dark .mw-highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ .view-dark .mw-highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */ .view-dark .mw-highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ /***************************** * End syntax highlight * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " · "; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-box-welcome {grid-area: welcome;} #mp-box-about {grid-area: about;} #mp-box-links {grid-area: links;} #mp-box-contribute {grid-area: contribute;} #mp-box-featured {grid-area: featured;} #mp-box-basics {grid-area: basics;} #mp-box-gallery {grid-area: gallery;} #mp-box-iconlists {grid-area: iconlists;} /* Example Main Page 1 Grid Layout */ #mp-layout1-container { display:grid; grid-template-areas: "welcome" "about" "featured" "basics" "gallery" "links" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout1-container { grid-template-areas: "welcome welcome" "about about" "featured basics" "gallery links" "contribute contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout1-container { grid-template-areas: "welcome welcome welcome" "about about basics" "featured featured basics" "gallery links links" "contribute contribute contribute"; grid-template-columns: 2fr 1fr 2fr; } } /* Example Main Page 2 Grid Layout */ #mp-layout2-container { display:grid; grid-template-areas: "welcome" "links" "about" "gallery" "iconlists" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout2-container { grid-template-areas: "welcome links" "gallery about" "iconlists about" "iconlists contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout2-container { grid-template-areas: "welcome welcome links" "welcome welcome about" "gallery gallery about" "iconlists iconlists contribute"; grid-template-columns: 3fr 2fr 2fr; } } /* Example Main Page 3 Grid Layout */ #mp-layout3-container { display:grid; grid-template-areas: "welcome" "about" "featured" "four" "priority" "projects" "wiki"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout3-container { grid-template-areas: "welcome welcome" "about about" "featured four" "priority projects" "wiki wiki"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout3-container { grid-template-areas: "welcome welcome welcome" "about about four" "featured featured four" "priority projects projects" "wiki wiki wiki"; grid-template-columns:2fr 1fr 2fr; } } .mp-box { overflow: hidden; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; border-radius: 6px; background:#322C3F; padding: 0; border: 0; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:left; font-weight:800; font-family:var(--wiki-heading-font-family); overflow: initial; font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); background-color: #9747ff; } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-banner-container { position: relative; } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { position: relative; font-family: var(--wiki-heading-font-family); z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: 1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery { display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: 0; } .mp-box ul.gallery pre { box-shadow: inset 0 0 20px 2px #000; text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000; } /*********************** * End main page layout * ************************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border:4px solid var(--druid-border-color); background:var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 16.875em; box-sizing:border-box; border-collapse:collapse; } @media screen and (max-width: 450px) { .druid-container { width:100%; } } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-title, .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; } .druid-section { font-size:1.25em; } .druid-label { font-weight:bold; } .druid-main-images { padding:5px; } .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; } .druid-grid-item { background:var(--druid-tertiary-background-color); margin:0.25em; padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); } .druid-collapsed { display:none; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content:'–'; display:block; position:absolute; right:10px; font-size:20px; font-weight:bold; color:var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content:'+'; } /*********************** * End DRUID infoboxes * ************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); border-bottom: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > *, .spoiler-content:hover > * { pointer-events:unset; } .spoiler-content.show, .spoiler-content.hover:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span, .spoiler-content.hover:hover > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { display: inline-flex; align-items: baseline; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /* [[Category:Template stylesheets]] */ /********* [[Template:MainMenu]] *********/ .menu-title { background-color: #9747FF; color: #fff; font-size: 1.2rem; font-weight: 800; padding: 10px; text-align: left; text-shadow: 1px 1px #000; } .menu-button li { display: inline-block; height: 46px; margin: 3px 0; min-width: 200px; } .menu-button a, .menu-button a:visited, .menu-button a.external, .menu-button a.external:visited { color: #fff; font-size: 1rem; line-height: 2.9; min-width: 200px; width: min-content; } .menu-button a:hover { color: #fff; font-weight: bold; } .menu-page { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); column-gap: 5px; margin: 5px 0; } .menu-container { border-radius: 6px; background-color:#322C3F; overflow: hidden; } .menu-button-container { grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) ); display: grid; } /************************ * End Modular Templates * *************************/ 1ded43013f9c4bef866905517b7efac99e58d6ab 0 213 263 244 2024-06-10T18:45:02Z MorphBot 477760 Use consistent header and remove unneeded space wikitext text/x-wiki <div style="display: flex; flex-direction: column; margin-top: 8px; margin-bottom: 16px"> <div id="mainbannermiddle" width="100%" style="padding: 9px; text-align:center; margin:1px;">[[File:Obblogo-horizontal.svg|center|link=]]</div> <span style="display: block; font-size: 22px; font-weight: bold; text-align:center;">Welcome to the official [[Oh Baby Games]] Wiki</span> <span style="display: block; text-align:center;> [[Special:Statistics|{{NUMBEROFACTIVEUSERS}}&nbsp;active editors]] are currently maintaining [[Special:AllPages|{{NUMBEROFARTICLES}}&nbsp;articles ({{NUMBEROFPAGES}}&nbsp;total pages)]] and [[Special:ListFiles|{{NUMBEROFFILES}}&nbsp;files]].</span> </div> </div> <div class="mp-box" id="mp-box-about" style="margin: 5px;"> <div class="menu-title">About</div> <div class="mp-body"> Dive in and experience the thrill of mastering drift boosts, unlocking powerful ultimate abilities, choosing your favorite driver, and customizing your kart for the ultimate race </div> </div> <div id="mainmenucontainer" class="menu-page"> <div class="menu-container"> <div class="menu-title">Gameplay</div> <div class="menu-button-container"> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Characters]] [[Characters]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Weapons]] [[Weapons]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Maps]] [[Maps]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Game Modes]] [[Game Modes]]</div> </div> </div> <div class="menu-container"> <div class="menu-title">Collectibles</div> <div class="menu-button-container"> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Lootboxes]] [[Lootboxes]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Karts]] [[Karts]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Ornaments]] [[Ornaments]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Skins]] [[Skins]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Pets]] [[Pets]]</div> </div> </div> <div class="menu-container"> <div class="menu-title">Crafting</div> <div class="menu-button-container"> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Recipes]] [[Recipes]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Random]] [[Random]]</div> </div> </div> </div> == Contribute to the Wiki == <div class="mp-body"> {{SITENAME}} is a collaborative wiki resource that is open for anyone to edit. You don't need special permission beyond [[Special:UserLogin/signup|registering]] an account to edit most pages, and your contributions can grow the wiki and help other players. ; '''Adding content''' :* If you are unsure of what to do or how to create a page, search for a few articles on the same topic and see what they look like. You can always view the source code in a wiki and learn from what others have done. :* An edit doesn't have to be massive; if you feel you don't want to create whole articles, then just fixing spelling errors and broken links is enough. :* [[Special:UserLogin/signup|Register]] to edit and track your contributions. </div> </div><!-- END contribute box --> </div><!-- END grid container --> {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} __NOTITLE__ __NOTOC__ __NOEDITSECTION__ [[Category:{{SITENAME}}| ]] 2f19f728a0c0a25c1eba65e7400c2bed080f0a7a 281 263 2024-06-10T20:25:54Z MorphBot 477760 Simplify Menus wikitext text/x-wiki <div style="display: flex; flex-direction: column; margin-top: 8px; margin-bottom: 16px"> <div id="mainbannermiddle" width="100%" style="padding: 9px; text-align:center; margin:1px;">[[File:Obblogo-horizontal.svg|center|link=]]</div> <span style="display: block; font-size: 22px; font-weight: bold; text-align:center;">Welcome to the official [[Oh Baby Games]] Wiki</span> <span style="display: block; text-align:center;> [[Special:Statistics|{{NUMBEROFACTIVEUSERS}}&nbsp;active editors]] are currently maintaining [[Special:AllPages|{{NUMBEROFARTICLES}}&nbsp;articles ({{NUMBEROFPAGES}}&nbsp;total pages)]] and [[Special:ListFiles|{{NUMBEROFFILES}}&nbsp;files]].</span> </div> </div> <div class="mp-box" id="mp-box-about" style="margin: 5px;"> <div class="menu-title">About</div> <div class="mp-body"> Dive in and experience the thrill of mastering drift boosts, unlocking powerful ultimate abilities, choosing your favorite driver, and customizing your kart for the ultimate race </div> </div> <div id="mainmenucontainer" class="menu-page"> <div class="menu-container"> <div class="menu-title">Gameplay</div> <div class="menu-button-container"> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Characters]] [[Characters]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Weapons]] [[Weapons]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Maps]] [[Maps]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Game Modes]] [[Game Modes]]</div> </div> </div> <div class="menu-container"> <div class="menu-title">Collectibles</div> <div class="menu-button-container"> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Lootboxes]] [[Lootboxes]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Karts]] [[Karts]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Ornaments]] [[Ornaments]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Skins]] [[Skins]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Pets]] [[Pets]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Recipes]] [[Crafting]]</div> </div> </div> </div> == Contribute to the Wiki == <div class="mp-body"> {{SITENAME}} is a collaborative wiki resource that is open for anyone to edit. You don't need special permission beyond [[Special:UserLogin/signup|registering]] an account to edit most pages, and your contributions can grow the wiki and help other players. ; '''Adding content''' :* If you are unsure of what to do or how to create a page, search for a few articles on the same topic and see what they look like. You can always view the source code in a wiki and learn from what others have done. :* An edit doesn't have to be massive; if you feel you don't want to create whole articles, then just fixing spelling errors and broken links is enough. :* [[Special:UserLogin/signup|Register]] to edit and track your contributions. </div> </div><!-- END contribute box --> </div><!-- END grid container --> {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} __NOTITLE__ __NOTOC__ __NOEDITSECTION__ [[Category:{{SITENAME}}| ]] a90937aee9d8d5a95f426a62ee776166207f1d43 284 281 2024-06-10T20:30:54Z MorphBot 477760 wikitext text/x-wiki <div style="display: flex; flex-direction: column; margin-top: 8px; margin-bottom: 16px"> <div id="mainbannermiddle" width="100%" style="padding: 9px; text-align:center; margin:1px;">[[File:Obblogo-horizontal.svg|center|link=]]</div> <span style="display: block; font-size: 22px; font-weight: bold; text-align:center;">Welcome to the official [[Oh Baby Games]] Wiki</span> <span style="display: block; text-align:center;> [[Special:Statistics|{{NUMBEROFACTIVEUSERS}}&nbsp;active editors]] are currently maintaining [[Special:AllPages|{{NUMBEROFARTICLES}}&nbsp;articles ({{NUMBEROFPAGES}}&nbsp;total pages)]] and [[Special:ListFiles|{{NUMBEROFFILES}}&nbsp;files]].</span> </div> </div> <div class="mp-box" id="mp-box-about"> <div class="menu-title">About</div> <div class="mp-body"> Dive in and experience the thrill of mastering drift boosts, unlocking powerful ultimate abilities, choosing your favorite driver, and customizing your kart for the ultimate race </div> </div> <div id="mainmenucontainer" class="menu-page"> <div class="menu-container"> <div class="menu-title">Gameplay</div> <div class="menu-button-container"> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Characters]] [[Characters]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Weapons]] [[Weapons]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Maps]] [[Maps]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Game Modes]] [[Game Modes]]</div> </div> </div> <div class="menu-container"> <div class="menu-title">Collectibles</div> <div class="menu-button-container"> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Lootboxes]] [[Lootboxes]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Karts]] [[Karts]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Ornaments]] [[Ornaments]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Skins]] [[Skins]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Pets]] [[Pets]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Recipes]] [[Crafting]]</div> </div> </div> </div> == Contribute to the Wiki == <div class="mp-body"> {{SITENAME}} is a collaborative wiki resource that is open for anyone to edit. You don't need special permission beyond [[Special:UserLogin/signup|registering]] an account to edit most pages, and your contributions can grow the wiki and help other players. ; '''Adding content''' :* If you are unsure of what to do or how to create a page, search for a few articles on the same topic and see what they look like. You can always view the source code in a wiki and learn from what others have done. :* An edit doesn't have to be massive; if you feel you don't want to create whole articles, then just fixing spelling errors and broken links is enough. :* [[Special:UserLogin/signup|Register]] to edit and track your contributions. </div> </div><!-- END contribute box --> </div><!-- END grid container --> {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} __NOTITLE__ __NOTOC__ __NOEDITSECTION__ [[Category:{{SITENAME}}| ]] 0ca85626f758728e484e8b5056ed7b4ca92a083d 6 219 264 2024-06-10T19:14:24Z MorphBot 477760 In game CL icon [[Category:Characters| ]] wikitext text/x-wiki == Summary == In game CL icon [[Category:Characters| ]] == Licensing == {{License|Oh Baby Games}} c71dd7729d28f6882c658f2be58c235254ae5ff7 0 220 265 2024-06-10T19:18:02Z MorphBot 477760 Add first character on main character page wikitext text/x-wiki '''Characters''' are the deciding classes in Oh Baby Kart == Base Stats == All characters have varying degrees of base stats, this includes: * Speed * Drift Power * Coin Boost * Handling * Style == Hidden Abilities == Characters can additionally have hidden abilities on top of their base stats - this area is to be expanded as more hidden abilities are discovered. == Ultimate == Ultimate abilities are the special abilities each character has access to, the player can select one ultimate per game to use, they often have different charge rates with varying power. == All Characters == {| class="wikitable sortable" |+ Character List |- ! Character !! Name !! Description !! Limited Edition |- | [[File:CL_icon.png|32px|left|link=Character:CL]] || [[Character:CL|CL]] || A fast driving cat with good drift boost || No |- | Example || Example || Example |} [[Category:Characters| ]] 2b137b8a7bbf0149bd19f6e393e68964ace68828 267 265 2024-06-10T19:39:17Z MorphBot 477760 wikitext text/x-wiki '''Characters''' are the deciding classes in Oh Baby Kart == Base Stats == All characters have varying degrees of base stats, this includes: * Speed - Characters base speed level * Drift Power - Speed added by each successful drift * Coin Boost - Speed added by obtaining max coins * Handling - The sharpness of turns, higher means smaller turn radius * Style - ??? == Hidden Abilities == Characters can additionally have hidden abilities on top of their base stats - this area is to be expanded as more hidden abilities are discovered. == Ultimate == Ultimate abilities are the special abilities each character has access to, the player can select one ultimate per game to use, they often have different charge rates with varying power. == All Characters == {| class="wikitable sortable" |+ Character List |- ! Character !! Name !! Description !! Limited Edition |- | [[File:CL_icon.png|32px|left|link=Character:CL]] || [[Character:CL|CL]] || A fast driving cat with good drift boost || No |- | Example || Example || Example |} [[Category:Characters| ]] 30684696cce8e52e19011928473ade46b4123858 278 267 2024-06-10T20:08:10Z MorphBot 477760 wikitext text/x-wiki '''Characters''' are the deciding classes in Oh Baby Kart == Base Stats == All characters have varying degrees of base stats, this includes: * Speed - Characters base speed level * Drift Power - Speed added by each successful drift * Coin Boost - Speed added by obtaining max coins * Handling - The sharpness of turns, higher means smaller turn radius * Style - ??? == Hidden Abilities == Characters can additionally have hidden abilities on top of their base stats - this area is to be expanded as more hidden abilities are discovered. == Ultimate == Ultimate abilities are the special abilities each character has access to, the player can select one ultimate per game to use, they often have different charge rates with varying power. == All Characters == {| class="wikitable sortable" |+ Character List |- ! Character !! Name !! Description !! Limited Edition |- | [[File:CL_icon.png|32px|left|link=CL]] || [[CL]] || A fast driving cat with good drift boost || No |- | Example || Example || Example |} [[Category:Characters| ]] 5749e56953dc2488bc6f5f10d5987843dcd6dbe0 10 221 266 2024-06-10T19:34:12Z MorphBot 477760 Infobox created with infobox builder. wikitext text/x-wiki <infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"/> <data source="source"> <label>Source</label> </data> <data source="limited"> <label>Limited</label> </data> <data source="speed"> <label>Speed</label> </data> <data source="drift"> <label>Drift Power</label> </data> <data source="coinboost"> <label>Coin Boost</label> </data> <data source="handling"> <label>Handling</label> </data> <data source="style"> <label>Style</label> </data> </infobox> 6e6aee264d15d8a91c57e5dbacfd099c01f7fdf7 6 222 268 2024-06-10T19:49:03Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|Oh Baby Games}} [[Category:Characters/Ultimates]] d6021c3bab8f73fbc806e4e699533eaaa9312051 6 223 269 2024-06-10T19:49:04Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|Oh Baby Games}} [[Category:Characters/Ultimates]] d6021c3bab8f73fbc806e4e699533eaaa9312051 6 224 270 2024-06-10T19:49:05Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|Oh Baby Games}} [[Category:Characters/Ultimates]] d6021c3bab8f73fbc806e4e699533eaaa9312051 6 225 271 2024-06-10T19:58:54Z MorphBot 477760 wikitext text/x-wiki CL Skins == Licensing == {{License|Oh Baby Games}} [[Category:Characters/Skins]] af337727f0bb68433c7d6b741a84eb743c9330ff 6 226 272 2024-06-10T19:58:55Z MorphBot 477760 wikitext text/x-wiki CL Skins == Licensing == {{License|Oh Baby Games}} [[Category:Characters/Skins]] af337727f0bb68433c7d6b741a84eb743c9330ff 6 227 273 2024-06-10T19:58:56Z MorphBot 477760 wikitext text/x-wiki CL Skins == Licensing == {{License|Oh Baby Games}} [[Category:Characters/Skins]] af337727f0bb68433c7d6b741a84eb743c9330ff 6 228 274 2024-06-10T19:58:57Z MorphBot 477760 wikitext text/x-wiki CL Skins == Licensing == {{License|Oh Baby Games}} [[Category:Characters/Skins]] af337727f0bb68433c7d6b741a84eb743c9330ff 6 229 275 2024-06-10T19:58:58Z MorphBot 477760 wikitext text/x-wiki CL Skins == Licensing == {{License|Oh Baby Games}} [[Category:Characters/Skins]] af337727f0bb68433c7d6b741a84eb743c9330ff 6 230 276 2024-06-10T19:58:58Z MorphBot 477760 wikitext text/x-wiki CL Skins == Licensing == {{License|Oh Baby Games}} [[Category:Characters/Skins]] af337727f0bb68433c7d6b741a84eb743c9330ff 0 232 279 2024-06-10T20:08:47Z MorphBot 477760 Migrate CL page wikitext text/x-wiki {{Character info 1 |title=CL |image=CL_icon.png |limited=No |source=Default |speed=8 |drift=8 |coinboost=8 |handling=8 |style=8 }} == Info == A cat == Ultimate's == {| class="wikitable" |+ CL Ultimate List |- ! Ultimate !! Name !! Type !! Description !! Charge Bars |- | [[File:CL_ninjadash.png|120px]] || Ninja Dash || Boost || A quick instant dash boost || 6 |- | [[File:CL_ninjasmokebomb.png|120px]] || Ninja Smoke Bomb || Utility || CL disappears and reappears shortly after to dodge items || 6 |- | [[File:CL_grapplinghook.png|120px]] || Grappling Hook || Weapon || Shoots a hook item that gives speed boost if hits || 6 |} == Skins == {| class="wikitable" |+ CL Ultimate List |- ! Skin !! Name !! Rarity !! Source |- | [[File:CL_default.png|120px]] || Default || Common || Starter |- | [[File:CL_lucky.png|120px]] || Lucky || Rare || Campaign |- | [[File:CL_LNY.png|120px]] || Lunar New Year || Epic || Lootbox |- | [[File:CL_royal.png|120px]] || Royal || Epic || Lootbox |- | [[File:CL_Pirate.png|120px]] || Lunar New Year || Epic || Battle Pass |- | [[File:CL_Mountain.png|120px]] || Mountaineer || Legendary || Lootbox |} [[Category:Characters| ]] afc62794615111668e23e0c3c60c4a7a9722d209 280 279 2024-06-10T20:13:40Z MorphBot 477760 wikitext text/x-wiki {{Character info 1 |title=CL |image=CL_icon.png |limited=No |source=Default |speed=8 |drift=8 |coinboost=8 |handling=8 |style=8 }} == Info == A cat == Ultimate's == {| class="wikitable" |- ! Ultimate !! Name !! Type !! Description !! Charge Bars |- | [[File:CL_ninjadash.png|120px]] || Ninja Dash || Boost || A quick instant dash boost || 6 |- | [[File:CL_ninjasmokebomb.png|120px]] || Ninja Smoke Bomb || Utility || CL disappears and reappears shortly after to dodge items || 6 |- | [[File:CL_grapplinghook.png|120px]] || Grappling Hook || Weapon || Shoots a hook item that gives speed boost if hits || 6 |} == Skins == {| class="wikitable" |- ! Skin !! Name !! Rarity !! Source |- | [[File:CL_default.png|120px]] || Default || Common || Starter |- | [[File:CL_lucky.png|120px]] || Lucky || Rare || Campaign |- | [[File:CL_LNY.png|120px]] || Lunar New Year || Epic || Lootbox |- | [[File:CL_royal.png|120px]] || Royal || Epic || Lootbox |- | [[File:CL_Pirate.png|120px]] || Lunar New Year || Epic || Battle Pass |- | [[File:CL_Mountain.png|120px]] || Mountaineer || Legendary || Lootbox |} [[Category:Characters| ]] 507c77354202d5ed3ac94d767335156033f783a5 287 280 2024-06-10T22:13:36Z MorphBot 477760 wikitext text/x-wiki {{Character info 1 |title=CL |image=CL_icon.png |limited=No |source=Starter |speed=8 |drift=8 |coinboost=8 |handling=8 |style=8 }} == Info == A cat == Ultimate's == {| class="wikitable" |- ! Ultimate !! Name !! Type !! Description !! Charge Bars |- | [[File:CL_ninjadash.png|120px]] || Ninja Dash || Boost || A quick instant dash boost || 6 |- | [[File:CL_ninjasmokebomb.png|120px]] || Ninja Smoke Bomb || Utility || CL disappears and reappears shortly after to dodge items || 6 |- | [[File:CL_grapplinghook.png|120px]] || Grappling Hook || Weapon || Shoots a hook item that gives speed boost if hits || 6 |} == Skins == {| class="wikitable" |- ! Skin !! Name !! Rarity !! Source |- | [[File:CL_default.png|120px]] || Default || Common || Starter |- | [[File:CL_lucky.png|120px]] || Lucky || Rare || Campaign |- | [[File:CL_LNY.png|120px]] || Lunar New Year || Epic || Lootbox |- | [[File:CL_royal.png|120px]] || Royal || Epic || Lootbox |- | [[File:CL_Pirate.png|120px]] || Lunar New Year || Epic || Battle Pass |- | [[File:CL_Mountain.png|120px]] || Mountaineer || Legendary || Lootbox |} [[Category:Characters| ]] 5a1f6facce1ad8be24baaa9d6ef571167ff1a182 6 233 285 2024-06-10T21:54:11Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|Oh Baby Games}} df098a0f09ab4edec3207d1f210e7c33f4e22d87 0 234 286 2024-06-10T22:08:40Z MorphBot 477760 Add lootbox page wikitext text/x-wiki '''Lootboxes''' are rewards from gameplay or battle passes that contain a randomized reward, it can be a kart, ornament, or character skin! {| class="wikitable sortable" |+ Lootboxes |- ! Lootbox !! Name !! Source !! Limited |- | [[File:lootbox-preseason.png|100px|left|link=Pre Season Box]] || [[Pre Season Box]] || Weekly (300 BP), Battle Pass (open beta), Battle Pass (closed beta) || No |} [[Category:Lootboxes| ]] 448103d8bdc7464fba417fa50c71414702d6b1a2 10 235 288 2024-06-10T22:15:54Z MorphBot 477760 Infobox created with infobox builder. wikitext text/x-wiki <infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"/> <header>Header</header> <data source="type"> <label>Type</label> </data> <data source="source"> <label>Source</label> </data> <data source="limited"> <label>Limited</label> </data> </infobox> e03a3f397481de312afc9f41d9d48155c3450ebb 289 288 2024-06-10T22:18:07Z MorphBot 477760 wikitext text/x-wiki <infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"/> <data source="type"> <label>Type</label> </data> <data source="source"> <label>Source</label> </data> <data source="limited"> <label>Limited</label> </data> </infobox> 7ad86ee0c4277fea98b20f5f292a247cdccba180 6 236 290 2024-06-10T22:25:34Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|Oh Baby Games}} df098a0f09ab4edec3207d1f210e7c33f4e22d87 0 237 291 2024-06-10T22:27:18Z MorphBot 477760 Add pre season lootbox example wikitext text/x-wiki {{lootbox info 1 |image=lootbox-preseason.png |limited=No |source=Battle Pass (Closed Beta), Battle Pass (Open Beta), Weekly Quest (300BP) }} The Pre Season box is one of the most commonly available boxes, it was distributed via: * Battle Pass (Closed Beta * Battle Pass (Open Beta) * Weekly Quest (300BP) {| class="wikitable sortable" |+ Pre Season Box Loot |- ! Item !! Name !! Type !! Still Available |- | [[File:GoldenSpatula.png|132px|link=Golden Spatula]] || [[Golden Spatula]] || [[Ornaments]] || Yes |} [[Category:Lootboxes| ]] f14db8b238b685d0456d4fc8d3f295a5b7cdc078 10 238 292 2024-06-10T22:39:16Z MorphBot 477760 Infobox created with infobox builder. wikitext text/x-wiki <infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"/> <header>Header</header> <data source="type"> <label>Type</label> </data> <data source="source"> <label>Source</label> </data> <data source="limited"> <label>Limited</label> </data> </infobox> e03a3f397481de312afc9f41d9d48155c3450ebb 293 292 2024-06-10T22:41:42Z MorphBot 477760 wikitext text/x-wiki <infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"/> <data source="altName"> <label>Alternate</label> </data> <data source="type"> <label>Type</label> </data> <data source="source"> <label>Source</label> </data> <data source="limited"> <label>Limited</label> </data> </infobox> 7db87d7ad44681a7ea1ef88b7603ed05509ebd0e 6 239 294 2024-06-10T22:44:45Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|Oh Baby Games}} df098a0f09ab4edec3207d1f210e7c33f4e22d87 0 240 295 2024-06-10T22:50:45Z MorphBot 477760 Add golden spatula item example wikitext text/x-wiki {{Ornament info 1 |image=GoldenSpatula.png |limited=Yes |source=[[Pre Season Box]] |type= Rear [[Ornaments | Ornament]] |altName=LET THEM COOK! }} A Golden Spatula. This item is used in multiple [[Crafting | crafting recipes]] [[File:GoldenSpatulaKart.png|frameless|alt=Golden Spatula In Game|Golden Spatula In Game]] [[Category:Ornaments| ]] 987b8bd4b9218fea82f167396cf0592e8c0f5cb6 301 295 2024-06-10T23:12:46Z MorphBot 477760 wikitext text/x-wiki {{Ornament info 1 |image=GoldenSpatula.png |limited=No |source=[[Pre Season Box]] |type= Rear [[Ornaments | Ornament]] |altName=LET THEM COOK! }} A Golden Spatula. This item is used in multiple [[Crafting | crafting recipes]] [[File:GoldenSpatulaKart.png|frameless|alt=Golden Spatula In Game|Golden Spatula In Game]] [[Category:Ornaments| ]] 1964598da0f350ef0665caf19b98d8f8a262ea9e 6 241 296 2024-06-10T22:59:04Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|Oh Baby Games}} df098a0f09ab4edec3207d1f210e7c33f4e22d87 6 242 297 2024-06-10T23:05:41Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|Oh Baby Games}} df098a0f09ab4edec3207d1f210e7c33f4e22d87 6 243 298 2024-06-10T23:10:30Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|Oh Baby Games}} [[Category:Ornaments]] ff356355d71776ba6381c0d0647c216c34f14b97 6 244 299 2024-06-10T23:10:30Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|Oh Baby Games}} [[Category:Ornaments]] ff356355d71776ba6381c0d0647c216c34f14b97 0 245 300 2024-06-10T23:12:09Z MorphBot 477760 Add initial crafting page wikitext text/x-wiki '''Crafting''' uses your existing items to create something new! There are two types of crafting: == Crafting Box == The [[Crafting Box]] can be created by combining any five items in the crafting menu. [[File:Lootbox-crafting.png|frameless|alt=An unopened crafting lootbox|An unopened crafting lootbox]] [[File:Lootbox-crafting-highlights.png|frameless|alt=Crafting Box Highlights|Crafting Box Highlights]] == Recipes == Recipes are the more refined crafting option, where 5 specific items must be merged together in the 'recipes' menu to create a rare item! {| class="wikitable sortable" |+ Recipe List |- ! Recipe !! Item 1 !! Item 2 !! Item 3 !! Item 4 !! Item 5 !! Result |- | [[Cosmic Earth]] || [[Earth]] || [[Earth]] || [[Earth]] || [[Earth]] || [[Earth]] || [[File:Cosmic-earth.png|link=Cosmic Earth]] |} c5491b40a6872d56c47f7f27009b058c08ac3976 6 246 302 2024-06-10T23:16:42Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|Oh Baby Games}} df098a0f09ab4edec3207d1f210e7c33f4e22d87 0 247 303 2024-06-10T23:18:18Z MorphBot 477760 Add cosmic earth ornament wikitext text/x-wiki {{Ornament info 1 |image=Cosmic-earth.png |limited=No |source=[[Crafting | Crafting Recipe]] |type= Rear [[Ornaments | Ornament]] }} The cosmic variety of the [[Earth | Earth ornament]]. Created by combining any same 5 planets from the [[Space Crate]] as shown in [[Crafting | crafting recipes]] [[File:Earth-ornament-kart.png|frameless|alt=Cosmic Earth In Game|Cosmic Earth In Game]] [[Category:Ornaments| ]] d7ca31e17fe73bfaa81e722087ea74b2f47fa307 6 248 304 2024-06-10T23:22:37Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|Oh Baby Games}} df098a0f09ab4edec3207d1f210e7c33f4e22d87 0 249 305 2024-06-10T23:24:04Z MorphBot 477760 Created page with "{{Ornament info 1 |image=earth.png |limited=No |source=[[Space Crate]] |type= Rear [[Ornaments | Ornament]] |tradeable= Yes }} The regular variety of the [[Cosmic Earth | Cosmic Earth ornament]]. [[File:Earth-ornament-kart-2.png|frameless|alt=Earth In Game|Earth In Game]] It is one of the 'solar system' ornaments set which includes: * [[Sun]] * [[Mercury]] * [[Venus]] * [[Earth]] * [[Mars]] * [[Jupiter]] * [[Saturn]] * [[Uranus]] * [[Neptune]] * [[Pluto]] Category..." wikitext text/x-wiki {{Ornament info 1 |image=earth.png |limited=No |source=[[Space Crate]] |type= Rear [[Ornaments | Ornament]] |tradeable= Yes }} The regular variety of the [[Cosmic Earth | Cosmic Earth ornament]]. [[File:Earth-ornament-kart-2.png|frameless|alt=Earth In Game|Earth In Game]] It is one of the 'solar system' ornaments set which includes: * [[Sun]] * [[Mercury]] * [[Venus]] * [[Earth]] * [[Mars]] * [[Jupiter]] * [[Saturn]] * [[Uranus]] * [[Neptune]] * [[Pluto]] [[Category:Ornaments| ]] 9ca2d79650c1f3ed0eef8423f286537ef0741450 10 238 306 293 2024-06-10T23:24:30Z MorphBot 477760 wikitext text/x-wiki <infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"/> <data source="altName"> <label>Alternate</label> </data> <data source="type"> <label>Type</label> </data> <data source="source"> <label>Source</label> </data> <data source="tradeable"> <label>Tradeable</label> </data> <data source="limited"> <label>Limited</label> </data> </infobox> 84a06843aab1176d08f88b8986b4892cd57f99af 314 306 2024-06-10T23:35:34Z MorphBot 477760 wikitext text/x-wiki <infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"/> <data source="altName"> <label>Alternate</label> </data> <data source="type"> <label>Type</label> </data> <data source="source"> <label>Source</label> </data> <data source="tradeable"> <label>Tradeable</label> </data> <data source="rarity"> <label>Rarity</label> </data> <data source="limited"> <label>Limited</label> </data> </infobox> 9eb94f852298f4ceb92d5a6612a11682cddb3931 0 247 307 303 2024-06-10T23:24:48Z MorphBot 477760 wikitext text/x-wiki {{Ornament info 1 |image=Cosmic-earth.png |limited=No |source=[[Crafting | Crafting Recipe]] |type= Rear [[Ornaments | Ornament]] |tradeable= No }} The cosmic variety of the [[Earth | Earth ornament]]. Created by combining any same 5 planets from the [[Space Crate]] as shown in [[Crafting | crafting recipes]] [[File:Earth-ornament-kart.png|frameless|alt=Cosmic Earth In Game|Cosmic Earth In Game]] [[Category:Ornaments| ]] 779382b6b1582b2186472e7bb4168947e3b69e05 0 234 308 286 2024-06-10T23:27:43Z MorphBot 477760 wikitext text/x-wiki '''Lootboxes''' are rewards from gameplay or battle passes that contain a randomized reward, it can be a kart, ornament, or character skin! {| class="wikitable sortable" |+ Lootboxes |- ! Lootbox !! Name !! Source !! Limited |- | [[File:lootbox-preseason.png|100px|link=Pre Season Box]] || [[Pre Season Box]] || Weekly (300 BP), Battle Pass (open beta), Battle Pass (closed beta) || No |- | [[File:Lootbox-crafting.png|100px|link=Crafting Box]] || [[Crafting Box]] || [[Crafting | Craft 5 Random Items]]|| No |} [[Category:Lootboxes| ]] 6290066cd78c6f8256a383e768861875a86ad006 6 250 309 2024-06-10T23:30:24Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|Oh Baby Games}} df098a0f09ab4edec3207d1f210e7c33f4e22d87 0 251 310 2024-06-10T23:31:59Z MorphBot 477760 Created page with "{{lootbox info 1 |image=lootbox-crafting.png |limited=No |source=[[Crafting | Craft 5 Random Items]]}} The crafting box is acquired by [[Crafting | Crafting 5 Random Items]] - it is recommended to use low quality, non-recipe items. [[File:Lootbox-crafting-highlights.png|frameless|alt=Crafting Box Highlights|Crafting Box Highlights]] {| class="wikitable sortable" |+ Pre Season Box Loot |- ! Item !! Name !! Type !! Still Available |- | File:the-whale-1.0.png|132px|lin..." wikitext text/x-wiki {{lootbox info 1 |image=lootbox-crafting.png |limited=No |source=[[Crafting | Craft 5 Random Items]]}} The crafting box is acquired by [[Crafting | Crafting 5 Random Items]] - it is recommended to use low quality, non-recipe items. [[File:Lootbox-crafting-highlights.png|frameless|alt=Crafting Box Highlights|Crafting Box Highlights]] {| class="wikitable sortable" |+ Pre Season Box Loot |- ! Item !! Name !! Type !! Still Available |- | [[File:the-whale-1.0.png|132px|link=The Whale 1.0]] || [[The Whale 1.0]] || [[Karts | Kart]] || Yes |} [[Category:Lootboxes| ]] 4201423c694e39be4bbc599dce8bc5482c69c1a1 311 310 2024-06-10T23:33:19Z MorphBot 477760 wikitext text/x-wiki {{lootbox info 1 |image=lootbox-crafting.png |limited=No |source=[[Crafting | Craft 5 Random Items]]}} The crafting box is acquired by [[Crafting | Crafting 5 Random Items]] - it is recommended to use low quality, non-recipe items. [[File:Lootbox-crafting-highlights.png|frameless|alt=Crafting Box Highlights|Crafting Box Highlights]] == Loot Table == {| class="wikitable sortable" |- ! Item !! Name !! Type !! Still Available |- | [[File:the-whale-1.0.png|132px|link=The Whale 1.0]] || [[The Whale 1.0]] || [[Karts | Kart]] || Yes |} [[Category:Lootboxes| ]] c91c3e3a6c61f2cf372120bae9eaee61617cc967 0 237 312 291 2024-06-10T23:34:22Z MorphBot 477760 wikitext text/x-wiki {{lootbox info 1 |image=lootbox-preseason.png |limited=No |source=Battle Pass (Closed Beta), Battle Pass (Open Beta), Weekly Quest (300BP) |tradeable=Yes |rarity=Common }} The Pre Season box is one of the most commonly available boxes, it was distributed via: * Battle Pass (Closed Beta * Battle Pass (Open Beta) * Weekly Quest (300BP) {| class="wikitable sortable" |+ Pre Season Box Loot |- ! Item !! Name !! Type !! Still Available |- | [[File:GoldenSpatula.png|132px|link=Golden Spatula]] || [[Golden Spatula]] || [[Ornaments]] || Yes |} [[Category:Lootboxes| ]] 4d7cd6828c656b9d0ff9b539789150d9c520b771 316 312 2024-06-10T23:36:12Z MorphBot 477760 wikitext text/x-wiki {{lootbox info 1 |image=lootbox-preseason.png |limited=No |source=Battle Pass (Closed Beta), Battle Pass (Open Beta), Weekly Quest (300BP) |tradeable=Yes }} The Pre Season box is one of the most commonly available boxes, it was distributed via: * Battle Pass (Closed Beta * Battle Pass (Open Beta) * Weekly Quest (300BP) {| class="wikitable sortable" |+ Pre Season Box Loot |- ! Item !! Name !! Type !! Still Available |- | [[File:GoldenSpatula.png|132px|link=Golden Spatula]] || [[Golden Spatula]] || [[Ornaments]] || Yes |} [[Category:Lootboxes| ]] 4a9fee7b186efb271d7bc0a1b873791ddcbcbc88 319 316 2024-06-10T23:43:25Z MorphBot 477760 wikitext text/x-wiki {{lootbox info 1 |image=lootbox-preseason.png |limited=No |source=Battle Pass (Closed Beta), Battle Pass (Open Beta), Weekly Quest (300BP) |tradeable=Yes }} The Pre Season box is one of the most commonly available boxes, it was distributed via: * Battle Pass (Closed Beta * Battle Pass (Open Beta) * Weekly Quest (300BP) {| class="wikitable sortable" |+ Pre Season Box Loot |- ! Item !! Name !! Type !! Still Available |- | [[File:GoldenSpatula.png|132px|link=Golden Spatula]] || [[Golden Spatula]] || [[Ornaments]] || Yes |} [[Category:Ornaments| ]] b302ec1181a79818ae4082c5ba0d1dcb8978fa8f 10 235 313 289 2024-06-10T23:35:18Z MorphBot 477760 wikitext text/x-wiki <infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"/> <data source="type"> <label>Type</label> </data> <data source="source"> <label>Source</label> </data> <data source="tradeable"> <label>Tradeable</label> </data> <data source="rarity"> <label>Rarity</label> </data> <data source="limited"> <label>Limited</label> </data> </infobox> 577ede7c62da09a4b346442275cc6e473f2cc6ba 315 313 2024-06-10T23:36:05Z MorphBot 477760 wikitext text/x-wiki <infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"/> <data source="type"> <label>Type</label> </data> <data source="source"> <label>Source</label> </data> <data source="tradeable"> <label>Tradeable</label> </data> <data source="limited"> <label>Limited</label> </data> </infobox> 06774a5f8ece499fd04b84a8c2212cb0a7f12c5e 0 232 317 287 2024-06-10T23:37:57Z MorphBot 477760 wikitext text/x-wiki {{Character info 1 |title=CL |image=CL_icon.png |limited=No |source=Starter |speed=8 |drift=8 |coinboost=8 |handling=8 |style=8 }} == Info == A cat == Ultimate's == {| class="wikitable" |- ! Ultimate !! Name !! Type !! Description !! Charge Bars |- | [[File:CL_ninjadash.png|120px]] || Ninja Dash || Boost || A quick instant dash boost || 6 |- | [[File:CL_ninjasmokebomb.png|120px]] || Ninja Smoke Bomb || Utility || CL disappears and reappears shortly after to dodge items || 6 |- | [[File:CL_grapplinghook.png|120px]] || Grappling Hook || Weapon || Shoots a hook item that gives speed boost if hits || 6 |} == Skins == {| class="wikitable" |- ! Skin !! Name !! Rarity !! Source |- | [[File:CL_default.png|120px]] || Default || Common || Starter |- | [[File:CL_lucky.png|120px]] || Lucky || Rare || Campaign |- | [[File:CL_LNY.png|120px]] || Lunar New Year || Epic || LNY Promotion |- | [[File:CL_royal.png|120px]] || Royal || Epic || Lootbox |- | [[File:CL_Pirate.png|120px]] || Lunar New Year || Epic || Battle Pass |- | [[File:CL_Mountain.png|120px]] || Mountaineer || Legendary || Lootbox |} [[Category:Characters| ]] a0732502c4277415c1ec784aa648e95e1731d1d9 318 317 2024-06-10T23:38:40Z MorphBot 477760 wikitext text/x-wiki {{Character info 1 |title=CL |image=CL_icon.png |limited=No |source=Starter |speed=8 |drift=8 |coinboost=8 |handling=8 |style=8 }} == Info == A cat == Ultimates == {| class="wikitable" |- ! Ultimate !! Name !! Type !! Description !! Charge Bars |- | [[File:CL_ninjadash.png|120px]] || Ninja Dash || Boost || A quick instant dash boost || 6 |- | [[File:CL_ninjasmokebomb.png|120px]] || Ninja Smoke Bomb || Utility || CL disappears and reappears shortly after to dodge items || 6 |- | [[File:CL_grapplinghook.png|120px]] || Grappling Hook || Weapon || Shoots a hook item that gives speed boost if hits || 6 |} == Skins == {| class="wikitable" |- ! Skin !! Name !! Rarity !! Source |- | [[File:CL_default.png|120px]] || Default || Common || Starter |- | [[File:CL_lucky.png|120px]] || Lucky || Rare || Campaign |- | [[File:CL_LNY.png|120px]] || Lunar New Year || Epic || LNY Promotion |- | [[File:CL_royal.png|120px]] || Royal || Epic || Lootbox |- | [[File:CL_Pirate.png|120px]] || Lunar New Year || Epic || Battle Pass |- | [[File:CL_Mountain.png|120px]] || Mountaineer || Legendary || Lootbox |} [[Category:Characters| ]] d9a7649143268d2880d325c19583e7ce62d5c765 0 252 320 2024-06-10T23:43:36Z MorphBot 477760 Created page with "Ornaments are a type of item that can be attached to the players kart, they come in two forms: * Rear Ornaments - larger flag style ornaments that hang off the back of the kart * Front Ornaments - smaller items that are placed on the front of the kart == Ornaments List == {| class="wikitable sortable" |- ! Item !! Name !! Type !! Tradable !! Source |- | [[File:GoldenSpatula.png|132px|link=Golden Spatula]] || [[Golden Spatula]] || Rear || Yes || [[Pre Season Box]] |} ..." wikitext text/x-wiki Ornaments are a type of item that can be attached to the players kart, they come in two forms: * Rear Ornaments - larger flag style ornaments that hang off the back of the kart * Front Ornaments - smaller items that are placed on the front of the kart == Ornaments List == {| class="wikitable sortable" |- ! Item !! Name !! Type !! Tradable !! Source |- | [[File:GoldenSpatula.png|132px|link=Golden Spatula]] || [[Golden Spatula]] || Rear || Yes || [[Pre Season Box]] |} [[Category:Ornaments| ]] f84fdbc4d63d12b90f2dcce90baddaec8fd5cadc 321 320 2024-06-10T23:43:57Z MorphBot 477760 wikitext text/x-wiki Ornaments are a type of item that can be attached to the players kart, they come in two forms: * Front Ornaments - smaller items that are placed on the front of the kart * Rear Ornaments - larger flag style ornaments that hang off the back of the kart == Ornaments List == {| class="wikitable sortable" |- ! Item !! Name !! Type !! Tradable !! Source |- | [[File:GoldenSpatula.png|132px|link=Golden Spatula]] || [[Golden Spatula]] || Rear || Yes || [[Pre Season Box]] |} [[Category:Ornaments| ]] a9444be727510812cd06451b87e1746ad3be2de3 8 253 322 2024-06-15T16:09:28Z Westgrass 40 init wikitext text/x-wiki $1 - {{SITENAME}} cfb3fa8ded124de2e7acbaa079aa2678d7db452b 8 254 323 2024-06-15T16:09:34Z Westgrass 40 init wikitext text/x-wiki {{SITENAME}} 3879910e8b355a24373fd09ccc909145b2639907 10 122 324 137 2024-06-15T16:09:41Z Westgrass 40 init wikitext text/x-wiki <includeonly><!-- --><div class="license {{{type|}}}" style="border: 1px solid var(--theme-border-color); background: var(--theme-background); align-items: center; padding: 5px; display: flex; gap: 1em;"> <div class="icon {{#if:{{{darkIcon|}}}|invert-on-dark}}">{{{icon|}}}</div> <div class="text">{{{text|}}}{{#if:{{{source|}}}|<br/><span class="source">Source:&nbsp;{{{source|}}}</span>}}{{{text2|}}}</div> </div><!-- --></includeonly><noinclude>{{documentation|Template:License/doc}}</noinclude> 5d6e7eaa23d5fec3ea098eaa2fd03bc3040ae523 10 120 325 133 2024-06-15T16:09:50Z Westgrass 40 init wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is owned by [Oh Baby Games Oh Baby Games] and/or its licensors, and is licensed under the Oh Baby Games [[MediaWiki:Terms of Use|Terms of Use]].<br/> All trademarks and registered trademarks present in the file are proprietary to Oh Baby Games and/or its licensors. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 79a03191610578a78a5759fd49a9d37ee660c847 14 255 326 2024-06-15T16:09:56Z Westgrass 40 init wikitext text/x-wiki This is the root category for everything on The {{SITENAME}}. eaccd6ba79f8609ec20cb92a31a9468a40c7bfae 0 213 327 284 2024-06-15T16:10:01Z Westgrass 40 Protected "[[Oh Baby Kart Wiki]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <div style="display: flex; flex-direction: column; margin-top: 8px; margin-bottom: 16px"> <div id="mainbannermiddle" width="100%" style="padding: 9px; text-align:center; margin:1px;">[[File:Obblogo-horizontal.svg|center|link=]]</div> <span style="display: block; font-size: 22px; font-weight: bold; text-align:center;">Welcome to the official [[Oh Baby Games]] Wiki</span> <span style="display: block; text-align:center;> [[Special:Statistics|{{NUMBEROFACTIVEUSERS}}&nbsp;active editors]] are currently maintaining [[Special:AllPages|{{NUMBEROFARTICLES}}&nbsp;articles ({{NUMBEROFPAGES}}&nbsp;total pages)]] and [[Special:ListFiles|{{NUMBEROFFILES}}&nbsp;files]].</span> </div> </div> <div class="mp-box" id="mp-box-about"> <div class="menu-title">About</div> <div class="mp-body"> Dive in and experience the thrill of mastering drift boosts, unlocking powerful ultimate abilities, choosing your favorite driver, and customizing your kart for the ultimate race </div> </div> <div id="mainmenucontainer" class="menu-page"> <div class="menu-container"> <div class="menu-title">Gameplay</div> <div class="menu-button-container"> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Characters]] [[Characters]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Weapons]] [[Weapons]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Maps]] [[Maps]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Game Modes]] [[Game Modes]]</div> </div> </div> <div class="menu-container"> <div class="menu-title">Collectibles</div> <div class="menu-button-container"> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Lootboxes]] [[Lootboxes]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Karts]] [[Karts]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Ornaments]] [[Ornaments]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Skins]] [[Skins]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Pets]] [[Pets]]</div> <div class="menu-button">[[File:PlaceholderIcon.png|32px|link=Recipes]] [[Crafting]]</div> </div> </div> </div> == Contribute to the Wiki == <div class="mp-body"> {{SITENAME}} is a collaborative wiki resource that is open for anyone to edit. You don't need special permission beyond [[Special:UserLogin/signup|registering]] an account to edit most pages, and your contributions can grow the wiki and help other players. ; '''Adding content''' :* If you are unsure of what to do or how to create a page, search for a few articles on the same topic and see what they look like. You can always view the source code in a wiki and learn from what others have done. :* An edit doesn't have to be massive; if you feel you don't want to create whole articles, then just fixing spelling errors and broken links is enough. :* [[Special:UserLogin/signup|Register]] to edit and track your contributions. </div> </div><!-- END contribute box --> </div><!-- END grid container --> {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} __NOTITLE__ __NOTOC__ __NOEDITSECTION__ [[Category:{{SITENAME}}| ]] 0ca85626f758728e484e8b5056ed7b4ca92a083d 8 15 328 15 2024-06-15T16:10:05Z Westgrass 40 init javascript text/javascript // load various utilities from the commons wiki, including l10nFactory and isEditorActive mw.loader.getScript( 'https://commons.wiki.gg/MediaWiki:Common-base.js?action=raw\u0026ctype=text/javascript' ).then(function(){ //////////////////////////////////////////////////////////////////////////////// /* Now we can use l10nFactory and isEditorActive / /* Example for l10nFactory: var l10n = l10nFactory(mw.config.get('wgUserLanguage'), { l10n_key { 'en': 'en_text', 'de': 'de_text', 'zh': 'zh_text', }, l10n_key2 { 'en': 'en_text2', 'zh': 'zh_text2', } }); var text = l10n('l10n_key'); */ //////////////////////////////////////////////////////////////////////////////// /*end of .then() callback*/ }); /* DRUID */ $(function () { $(".druid-main-images-label").off("click"); $(".druid-main-images-label").click(function () { var $parent = $(this).closest(".druid-container"); $parent.find(".druid-toggleable").removeClass("focused"); var i = $(this).attr("data-druid"); $parent.find(".druid-toggleable[data-druid=" + i + "]").addClass("focused"); }); $(".druid-collapsible").off("click"); $(".druid-collapsible").click(function () { var kind = $(this).attr("data-druid-section"); $(this).toggleClass("druid-collapsible-collapsed"); $(this) .closest(".druid-container") .find("[data-druid-section-row=" + kind + "]") .toggleClass("druid-collapsed"); }); }); /* End DRUID */ /* [[Template:Spoiler]] */ $(function () { $('.spoiler-content') .off('click') // in case this code is loaded twice .on('click', function(e){ $(this).toggleClass('show'); }).find('a').on('click', function(e){ e.stopPropagation(); }); }); 35f0bb55ead124b42c5220a86cb7f543599954bc 8 39 329 40 2024-06-15T16:10:12Z Westgrass 40 init javascript text/javascript /* All JavaScript here will be loaded for users of the Vector skin */ /*** Mobile navigation toggle button ***/ $( document ).ready(function(){ $('<div class="menu-toggle"/>').insertAfter($('#p-logo')).on("click", function(event){ event.stopPropagation(); $(this).toggleClass('expanded'); }); }); eb11f0dc7059fe15b440d640ee24e1a054a7af8a 10 256 330 2024-06-15T16:10:18Z Westgrass 40 init wikitext text/x-wiki <includeonly><infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"> <caption source="caption"/> </image> <data source="developer"> <label>Developer</label> </data> <data source="publisher"> <label>Publisher</label> </data> <data source="release"> <label>Release date</label> </data> <data source="platform"> <label>Platform</label> </data> </infobox></includeonly><noinclude> Usage:<pre> {{InfoboxGame |title= |image= |caption= |developer= |publisher= |release= |platform= }} </pre> [[Category:Infobox templates]]</noinclude> ce818e81bba1bab2e1192621b9a8fd4fc7ebe332 6 10 331 10 2024-06-15T16:10:24Z Westgrass 40 init wikitext text/x-wiki {{license|game}}[[Category:Wiki skin images]] 730c1dfbac3463a01a30338c7a59d9d6bbecd4c4 332 331 2024-06-15T16:10:28Z Westgrass 40 Protected "[[File:Site-favicon.ico]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki {{license|game}}[[Category:Wiki skin images]] 730c1dfbac3463a01a30338c7a59d9d6bbecd4c4 348 332 2024-06-15T16:41:03Z Westgrass 40 Westgrass uploaded [[File:Site-favicon.ico]] wikitext text/x-wiki {{license|game}}[[Category:Wiki skin images]] 730c1dfbac3463a01a30338c7a59d9d6bbecd4c4 6 257 333 2024-06-15T16:10:33Z Westgrass 40 init wikitext text/x-wiki {{license|game}}[[Category:Wiki skin images]] 730c1dfbac3463a01a30338c7a59d9d6bbecd4c4 334 333 2024-06-15T16:10:38Z Westgrass 40 Protected "[[File:Site-logo.png]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki {{license|game}}[[Category:Wiki skin images]] 730c1dfbac3463a01a30338c7a59d9d6bbecd4c4 349 334 2024-06-15T16:45:28Z Westgrass 40 Westgrass uploaded [[File:Site-logo.png]] wikitext text/x-wiki {{license|game}}[[Category:Wiki skin images]] 730c1dfbac3463a01a30338c7a59d9d6bbecd4c4 6 258 335 2024-06-15T16:10:42Z Westgrass 40 init wikitext text/x-wiki {{license|game}}[[Category:Wiki skin images]] 730c1dfbac3463a01a30338c7a59d9d6bbecd4c4 336 335 2024-06-15T16:10:47Z Westgrass 40 Protected "[[File:Site-background.jpg]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki {{license|game}}[[Category:Wiki skin images]] 730c1dfbac3463a01a30338c7a59d9d6bbecd4c4 352 336 2024-06-15T16:47:38Z Westgrass 40 Westgrass uploaded [[File:Site-background.jpg]] wikitext text/x-wiki {{license|game}}[[Category:Wiki skin images]] 730c1dfbac3463a01a30338c7a59d9d6bbecd4c4 6 259 337 2024-06-15T16:10:51Z Westgrass 40 init wikitext text/x-wiki {{license|game}}[[Category:Images]] fda00382db44458e9e69913e1fc3934a8173c5e7 0 260 338 2024-06-15T16:10:57Z Westgrass 40 init wikitext text/x-wiki {{stub}} {{InfoboxGame |title= |image=keyart.jpg |caption=Game keyart |developer=[Oh Baby Games Oh Baby Games] |publisher=[Oh Baby Games Oh Baby Games] |release= |platform=PC }} '''Oh Baby Kart''' is a game. [[Category:Oh Baby Kart| ]] 47e7fe1fb558bf612899d2d0212c4b0fbd6ff055 14 261 339 2024-06-15T16:11:03Z Westgrass 40 init wikitext text/x-wiki [[category:{{SITENAME}}]] 442656d773d97baea47f62cc8dcee3fda0f995ed 14 262 340 2024-06-15T16:11:09Z Westgrass 40 init wikitext text/x-wiki [[Category:Images]] 8820b63e35aedd9d2666fe40b965d4e91ce0a106 8 29 341 30 2024-06-15T16:11:16Z Westgrass 40 init wikitext text/x-wiki * purge[ResourceLoader|default|type=general|rights=edit,purge|dependencies=mediawiki.util]|purge.js * UserProfile[ResourceLoader|dependencies=mediawiki.api|default]|UserProfile.js|UserProfile.css * UploadMultipleFiles[ResourceLoader|default|rights=edit,upload]|UploadMultipleFiles.js * fixCrossWikiNotif[ResourceLoader|dependencies=ext.echo.api,mediawiki.language|default|hidden|type=general]|fixCrossWikiNotif.js * previewTab[ResourceLoader|default|dependencies=mediawiki.api|type=general]|previewTab.js|previewTab.css 94863e2511be039a14046ce17487bb5b6849c507 8 263 342 2024-06-15T16:11:21Z Westgrass 40 init wikitext text/x-wiki Preview Tab: <abbr title="This gadget is enabled by default."><i>Default gadget</i></abbr>. Re-adds the Wikitext/Preview/Changes tabs to editor that were removed in the MediaWiki 1.31 upgrade. 74a761f21ba4349a91d6e2cc5b66a80dec16cd93 8 264 343 2024-06-15T16:11:27Z Westgrass 40 init javascript text/javascript /* v1.2, By Westgrass https://terraria.wiki.gg/User:Westgrass */ $(document).ready(function (){ if(((mw.config.get('wgAction') != 'edit')&&(mw.config.get('wgAction') != 'submit'))||(mw.config.get('wgPageContentModel')) != 'wikitext'){ return; } //localization. var $text_wikitext = { 'en': 'Wikitext', 'de': 'Wikitext', 'fr': 'Wikitexte', 'pt': 'Wikitexto', 'pt-br': 'Wikitexto', 'zh': '维基文本', 'zh-cn': '维基文本' } var $text_preview = { 'en': 'Preview', 'de': 'Vorschau', 'fr': 'Prévisualiser', 'pt': 'Antever', 'pt-br': 'Pré-visualizar', 'zh': '预览', 'zh-cn': '预览' } var $text_changes = { 'en': 'Changes', 'de': 'Änderungen', 'fr': 'Modifications', 'pt': 'Alteraçãos', 'pt-br': 'Alterações', 'zh': '差异', 'zh-cn': '差异' } var $text_nochanges = { 'en': 'No change', 'de': 'Keine Änderungen', 'fr': 'Aucune modification', 'pt': 'Nenhuma alteração', 'pt-br': 'Nenhuma alteração', 'zh': '无差异', 'zh-cn': '无差异' } $('#editform').before('<div id="wiki-editor-tabs"><div class="wikitext">'+($text_wikitext[mw.config.get( 'wgUserLanguage' )]||'Wikitext')+'</div><div class="preview">'+($text_preview[mw.config.get( 'wgUserLanguage' )]||'Preview')+'</div><div class="changes">'+($text_changes[mw.config.get( 'wgUserLanguage' )]||'Changes')+'</div></div>'); var $wikitext_button = $('#wiki-editor-tabs .wikitext').addClass('current'); var $preview_button = $('#wiki-editor-tabs .preview'); var $changes_button = $('#wiki-editor-tabs .changes'); $('#editform').before('<div id="wiki-editor-tabs-preview"><div class="sk-fading-circle"><div class="sk-circle1 sk-circle"></div><div class="sk-circle2 sk-circle"></div><div class="sk-circle3 sk-circle"></div><div class="sk-circle4 sk-circle"></div><div class="sk-circle5 sk-circle"></div><div class="sk-circle6 sk-circle"></div><div class="sk-circle7 sk-circle"></div><div class="sk-circle8 sk-circle"></div><div class="sk-circle9 sk-circle"></div><div class="sk-circle10 sk-circle"></div><div class="sk-circle11 sk-circle"></div><div class="sk-circle12 sk-circle"></div></div><div class="contents"></div></div><div id="wiki-editor-tabs-changes"><div class="sk-fading-circle"><div class="sk-circle1 sk-circle"></div><div class="sk-circle2 sk-circle"></div><div class="sk-circle3 sk-circle"></div><div class="sk-circle4 sk-circle"></div><div class="sk-circle5 sk-circle"></div><div class="sk-circle6 sk-circle"></div><div class="sk-circle7 sk-circle"></div><div class="sk-circle8 sk-circle"></div><div class="sk-circle9 sk-circle"></div><div class="sk-circle10 sk-circle"></div><div class="sk-circle11 sk-circle"></div><div class="sk-circle12 sk-circle"></div></div><div class="contents"></div></div>'); var $preview_loading = $('#wiki-editor-tabs-preview > div.sk-fading-circle').first(); var $preview_content = $('#wiki-editor-tabs-preview > div.contents').first(); var $changes_loading = $('#wiki-editor-tabs-changes > div.sk-fading-circle').first(); var $changes_content = $('#wiki-editor-tabs-changes > div.contents').first(); var $preview_api = new mediaWiki.Api(); var $changes_api = new mediaWiki.Api(); mw.loader.using( 'mediawiki.diff.styles' ); $wikitext_button.on('click', function(){ $preview_api.abort(); $changes_api.abort(); $('.wikiEditor-ui').css('display', 'block'); $('#wiki-editor-tabs-preview').css('display', 'none'); $('#wiki-editor-tabs-changes').css('display', 'none'); $wikitext_button.addClass('current'); $preview_button.removeClass('current'); $changes_button.removeClass('current'); $preview_loading.css('display', 'block'); $preview_content.empty(); $changes_loading.css('display', 'block'); $changes_content.empty(); }); $preview_button.on('click', function(){ $preview_api.abort(); $changes_api.abort(); $wikitext_button.removeClass('current'); $preview_button.addClass('current'); $changes_button.removeClass('current'); $preview_loading.css('display', 'block'); $preview_content.empty(); $changes_loading.css('display', 'block'); $changes_content.empty(); var $editor = $('.wikiEditor-ui'); $editor.css('display', 'none'); $('#wiki-editor-tabs-preview').css('display', 'block').outerHeight($editor.outerHeight()); $('#wiki-editor-tabs-changes').css('display', 'none'); var wikitext = $('#wpTextbox1').val(); $preview_api.post( { formatversion: 2, action: 'parse', title: mw.config.get( 'wgPageName' ), text: wikitext, pst: '', prop: 'text|modules|jsconfigvars', preview: true, disableeditsection: true, useskin: mw.config.get( 'skin' ), uselang: mw.config.get( 'wgUserLanguage' ) } ).done( function ( data ) { var loadmodules, $content; if ( !data.parse || !data.parse.text ) { return; } if ( data.parse.jsconfigvars ) { mw.config.set( data.parse.jsconfigvars ); } loadmodules = data.parse.modules.concat( data.parse.modulescripts, data.parse.modulestyles ); mw.loader.load( loadmodules ); $content = $preview_content .detach() .html( data.parse.text ); $content.append( '<div class="visualClear"></div>' ) .find( 'a:not([href^="#"])' ) .click( false ); $preview_loading.css('display', 'none'); $('#wiki-editor-tabs-preview').append( $content ); } ); }); $changes_button.on('click', function(){ $preview_api.abort(); $changes_api.abort(); $wikitext_button.removeClass('current'); $preview_button.removeClass('current'); $changes_button.addClass('current'); $preview_loading.css('display', 'block'); $preview_content.empty(); $changes_loading.css('display', 'block'); $changes_content.empty().html( '<table class="diff"><col class="diff-marker"/><col class="diff-content"/>' + '<col class="diff-marker"/><col class="diff-content"/><tbody/></table>' ); var $editor = $('.wikiEditor-ui'); $editor.css('display', 'none'); $('#wiki-editor-tabs-preview').css('display', 'none'); $('#wiki-editor-tabs-changes').css('display', 'block').outerHeight($editor.outerHeight()); mw.loader.using( 'mediawiki.diff.styles' ); var wikitext = $('#wpTextbox1').val(); var section = $( '[name="wpSection"]' ).val(); var postdata = { formatversion: 2, action: 'query', prop: 'revisions', titles: mw.config.get( 'wgPageName' ), rvdifftotext: wikitext, rvdifftotextpst: true, rvprop: '', rvsection: section === '' ? undefined : section }; $changes_api.post(postdata).done( function ( postResult ) { var diff; try { diff = postResult.query.pages[ 0 ] .revisions[ 0 ].diff.body; if (diff){ $changes_content.find( 'table.diff tbody' ) .html( diff ) .append( '<div class="visualClear"></div>' ); } else{ $changes_content.html( '<p style="text-align:center; font-style: italic;" class="note-text">('+($text_nochanges[mw.config.get( 'wgUserLanguage' )]||'No change')+')</p>' ) .append( '<div class="visualClear"></div>' ); } $changes_loading.css('display', 'none'); } catch ( e ) { // "data.blah is undefined" error, ignore } } ); }); }); d501df8885ff0d8741111b92c4090cd019961e93 8 265 344 2024-06-15T16:11:33Z Westgrass 40 init css text/css #wiki-editor-tabs{ z-index: 10; position: relative; clear: both; } #wiki-editor-tabs div{ background: var(--theme-page-background-color--secondary); border: 1px solid var(--theme-border-color); padding: 0.5em 1em; display: inline-block; cursor: pointer; margin-right: -1px; margin-bottom: -1px; color: var(--theme-link-color); } #wiki-editor-tabs div.current{ background: var(--theme-page-background-color); border-bottom-color: var(--theme-page-background-color); color: var(--theme-page-text-color); } #wiki-editor-tabs-preview,#wiki-editor-tabs-changes{ border: 1px solid var(--theme-border-color); padding: 1em; z-index: 1; overflow: auto; display: none; } #editform{ z-index: 1; } /* from SpinKit: http://tobiasahlin.com/spinkit/ */ .sk-fading-circle { margin: 100px auto; width: 40px; height: 40px; position: relative; } .sk-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-fading-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: var(--theme-page-text-color); border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; } .sk-fading-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-fading-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-fading-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-fading-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-fading-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-fading-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-fading-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-fading-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-fading-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-fading-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-fading-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-fading-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-fading-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-fading-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-fading-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-fading-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-fading-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-fading-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-fading-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-fading-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-fading-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-fading-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } 311c19f960153e080b7e390acc9dc9a5d16d6a9e 8 37 345 38 2024-06-15T16:26:02Z Westgrass 40 wikitext text/x-wiki * none[bundled|default] 5b1681604762f16395e246e354b021454fa948b8 8 14 346 283 2024-06-15T16:32:07Z Westgrass 40 css text/css /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** text color ***/ --theme-text-color: #fff; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9C93B3; --theme-text-color-em: #00f600; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #a855f7; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #dd001a; --theme-link-color-focus: var(--theme-link-color); --theme-highlight-background: rgba(168, 85, 247, 0.15); /*** infobox/navbox ***/ --theme-accent-label-color: var(--theme-text-color); --theme-accent-label-link-color: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color--rgb: 72, 63, 90; --theme-border-color: rgb(var(--theme-border-color--rgb)); --theme-border: 1px solid var(--theme-border-color); --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2); --theme-border-color-accent--rgb: 206, 206, 206; --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb)); /* for wide table */ --theme-wide-table-shadow-color: #999; } #content { /* content box */ --theme-background: rgba(255,255,255, 0.06); } #bodyContent { /* main article content box (without top heading) */ } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color, #000); font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 0 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: var(--theme-border); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } #filetoc { border-color: var(--theme-border-color); } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color, var(--theme-text-color)); font-family: var(--theme-heading-font-family, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable, .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--theme-background); --pi-secondary-background: var(--theme-border-color-accent); --pi-secondary-background--rgb: var(--theme-border-color-accent--rgb); --pi-secondary-background-label: var(--theme-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: rgba(var(--pi-secondary-background--rgb), 0.75); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data { background: rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************** * Template:Navbox ***********************************************************/ #content { --wiki-content-border-color: var(--theme-border-color); --wiki-accent-label-color: var(--theme-accent-label-color); --wiki-accent-color: var(--theme-border-color-accent); --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb); --wiki-content-text-color: var(--theme-text-color); --wiki-accent-link-color: var(--theme-accent-label-link-color); } /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " ·"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) " "; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) " "; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: rgba(255, 255, 255, 0.0666666667); } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--theme-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 100%; max-width: 22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align: center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background: rgba(var(--druid-secondary-background-color--rgb), 0.75); color: var(--druid-secondary-background-label-color); text-align: center; font-size: 1.5em; padding: 1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-label { font-weight: bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding: 5px; } .druid-main-image img, .druid-main-images img { max-width: 100%; height: auto; } .druid-main-images-labels { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; margin: 0.25em; gap: 0.25em; } .druid-main-images-label { cursor: pointer; flex: 1 1 auto; text-align: center; transition: 0.1s ease-in; outline: 1px solid var(--druid-link-color); } .druid-main-images-label.focused { background: var(--druid-link-color); color: var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background: rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display: none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display: none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display: none; } .druid-grid { display: grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background: var(--druid-tertiary-background-color); padding: 0.25em; border: 1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item > .druid-label, .druid-grid-item > .druid-data { text-align: center; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display: none !important; } .druid-collapsible { cursor: pointer; position: relative; } .druid-collapsible::after { content: "–"; display: block; position: absolute; right: 10px; font-size: 20px; font-weight: bold; color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content: "+"; } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display: flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display: none; } /*********************** * End DRUID infoboxes * ************************/ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--theme-border-color); border-left: 10px solid var(--theme-border-color-accent); border-radius: 2px; display: flex; align-items: center; gap: 0.6em; margin: 1em 0; padding: 3px 0.6em; background-color: var(--theme-background); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333); } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: 0.04rem 0.5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -0.6em; } .ambox-content p { margin: 0.15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--theme-border-color); border-bottom: 1px solid var(--theme-border-color); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events: none; } .spoiler-content.show > * { pointer-events: unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--theme-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--theme-background); border-radius: 5px; border: 2px solid var(--theme-border-color); margin: 0.5em 0; padding: 0.5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } #mainpage-wrap .content-wrap .l { flex: 4 4 800px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r { flex: 1 1 auto; } } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: rgba(127, 127, 127, 0.15); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .mw-datatable { border-color: var(--theme-border-color); } .mw-datatable tr:hover td { background: var(--theme-highlight-background); } .mw-datatable th { background: var(--theme-table-header-background); } .cargo-pagevalues-tableinfo { background: var(--theme-box-background); } .license { border: 1px solid var(--theme-border-color-accent); padding: 5px; display: flex; gap: 1em; } .wikiEditor-ui-toolbar { color: #000; } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-changeslist-legend, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .theme-dark .not-patrolled { background-color: rgba(255, 255, 170, 0.15); } .theme-dark .updatedmarker { background-color: rgba(183, 244, 48, 0.4); } .theme-dark .license .icon { filter: invert(1) hue-rotate(180deg); } .theme-dark #editform .wikiEditor-ui, .theme-dark #editform .editOptions { filter: invert(1) hue-rotate(180deg); } .theme-dark .mw-rcfilters-head, .theme-dark .mw-rcfilters-ui-overlay { filter: invert(1) hue-rotate(180deg); } 5b2e24a418ba666890c999dcd0ce77b05ef22f27 351 346 2024-06-15T16:46:20Z Westgrass 40 css text/css /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** text color ***/ --theme-text-color: #fff; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9C93B3; --theme-text-color-em: #00f600; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #a855f7; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #dd001a; --theme-link-color-focus: var(--theme-link-color); --theme-highlight-background: rgba(168, 85, 247, 0.22); /*** infobox/navbox ***/ --theme-accent-label-color: var(--theme-text-color); --theme-accent-label-link-color: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color--rgb: 72, 63, 90; --theme-border-color: rgb(var(--theme-border-color--rgb)); --theme-border: 1px solid var(--theme-border-color); --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2); --theme-border-color-accent--rgb: 206, 206, 206; --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb)); /* for wide table */ --theme-wide-table-shadow-color: #999; } #content { /* content box */ --theme-background: rgba(255,255,255, 0.06); } #bodyContent { /* main article content box (without top heading) */ } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color, #000); font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 0 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: var(--theme-border); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } #filetoc { border-color: var(--theme-border-color); } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color, var(--theme-text-color)); font-family: var(--theme-heading-font-family, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable, .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--theme-background); --pi-secondary-background: var(--theme-border-color-accent); --pi-secondary-background--rgb: var(--theme-border-color-accent--rgb); --pi-secondary-background-label: var(--theme-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: rgba(var(--pi-secondary-background--rgb), 0.75); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data { background: rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************** * Template:Navbox ***********************************************************/ #content { --wiki-content-border-color: var(--theme-border-color); --wiki-accent-label-color: var(--theme-accent-label-color); --wiki-accent-color: var(--theme-border-color-accent); --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb); --wiki-content-text-color: var(--theme-text-color); --wiki-accent-link-color: var(--theme-accent-label-link-color); } /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " ·"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) " "; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) " "; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: rgba(255, 255, 255, 0.0666666667); } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--theme-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 100%; max-width: 22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align: center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background: rgba(var(--druid-secondary-background-color--rgb), 0.75); color: var(--druid-secondary-background-label-color); text-align: center; font-size: 1.5em; padding: 1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-label { font-weight: bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding: 5px; } .druid-main-image img, .druid-main-images img { max-width: 100%; height: auto; } .druid-main-images-labels { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; margin: 0.25em; gap: 0.25em; } .druid-main-images-label { cursor: pointer; flex: 1 1 auto; text-align: center; transition: 0.1s ease-in; outline: 1px solid var(--druid-link-color); } .druid-main-images-label.focused { background: var(--druid-link-color); color: var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background: rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display: none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display: none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display: none; } .druid-grid { display: grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background: var(--druid-tertiary-background-color); padding: 0.25em; border: 1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item > .druid-label, .druid-grid-item > .druid-data { text-align: center; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display: none !important; } .druid-collapsible { cursor: pointer; position: relative; } .druid-collapsible::after { content: "–"; display: block; position: absolute; right: 10px; font-size: 20px; font-weight: bold; color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content: "+"; } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display: flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display: none; } /*********************** * End DRUID infoboxes * ************************/ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--theme-border-color); border-left: 10px solid var(--theme-border-color-accent); border-radius: 2px; display: flex; align-items: center; gap: 0.6em; margin: 1em 0; padding: 3px 0.6em; background-color: var(--theme-background); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333); } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: 0.04rem 0.5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -0.6em; } .ambox-content p { margin: 0.15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--theme-border-color); border-bottom: 1px solid var(--theme-border-color); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events: none; } .spoiler-content.show > * { pointer-events: unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--theme-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--theme-background); border-radius: 5px; border: 2px solid var(--theme-border-color); margin: 0.5em 0; padding: 0.5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } #mainpage-wrap .content-wrap .l { flex: 4 4 800px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r { flex: 1 1 auto; } } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: rgba(127, 127, 127, 0.15); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .mw-datatable { border-color: var(--theme-border-color); } .mw-datatable tr:hover td { background: var(--theme-highlight-background); } .mw-datatable th { background: var(--theme-table-header-background); } .cargo-pagevalues-tableinfo { background: var(--theme-box-background); } .license { border: 1px solid var(--theme-border-color-accent); padding: 5px; display: flex; gap: 1em; } .wikiEditor-ui-toolbar { color: #000; } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-changeslist-legend, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .theme-dark .not-patrolled { background-color: rgba(255, 255, 170, 0.15); } .theme-dark .updatedmarker { background-color: rgba(183, 244, 48, 0.4); } .theme-dark .license .icon { filter: invert(1) hue-rotate(180deg); } .theme-dark #editform .wikiEditor-ui, .theme-dark #editform .editOptions { filter: invert(1) hue-rotate(180deg); } .theme-dark .mw-rcfilters-head, .theme-dark .mw-rcfilters-ui-overlay { filter: invert(1) hue-rotate(180deg); } c149bd45c62c7234d4d5f0efad2f7c1d386f4bae 8 38 347 39 2024-06-15T16:32:13Z Westgrass 40 css text/css /*********************************************************************************************************** * improve/fix wiki.gg header/footer ***********************************************************************************************************/ @import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&ctype=text/css); /*********************************************************************************************************** * interface theming vars. ***********************************************************************************************************/ :root { /*** main site logo ***/ --theme-site-logo-width--px: calc(1280/4); --theme-site-logo-height--px: calc(720/4); --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; /*** site background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; /* common interface "box" style */ --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #2b2535; --theme-box-border-radius: 4px; --theme-box-shadow: none; --theme-box-back-background: #16131b; --theme-box-back-backdrop-filter: none; /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(#221e2a,#221e2a); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: #322c3f; --theme-dropdown-backdrop-filter: none; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; } /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } /* copyright footer */ #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 30px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale)); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; --layout-search-box-width: 16em; --layout-content-min-height: 30em; --layout-padding-x: 24px; --layout-padding-y: 16px; } @media screen and (min-width: 1776px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 30px); background: var(--theme-site-background); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** wiki.gg header **/ header#wikigg-header { position: sticky; grid-column: body-left/body-right; grid-row: topbar-start/topbar-end; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: footerbar-start/footerbar-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter, none); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel .menu-toggle { display: none; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --tab-padding-x-icon: var(--tab-padding-y); --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; line-height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; width: var(--layout-search-box-width); min-width: unset; max-width: unset; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); background-clip: padding-box; --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: var(--layout-content-min-height); } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y)); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-self: end; align-items: flex-end; height: min-content; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); padding: 0 var(--layout-box-gap-x); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: var(--layout-search-box-width); max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; margin: 0; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { --height: 36px; box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow)); display: block; height: calc(var(--height) + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: calc((var(--height) - 24px) / 2) 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } .vector-search-box-inner { width: 100vw; max-width: var(--layout-search-box-width); } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; --icon-margin: 0px; --tab-padding-y: 5px; --tab-padding-x: 5px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */ height: calc(var(--icon-size) + var(--icon-margin) * 2); line-height: calc(var(--icon-size) + var(--icon-margin) * 2); box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ padding: var(--tab-padding-y) var(--tab-padding-x); } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span, #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 80vw; max-width: var(--layout-search-box-width); } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } b9814cae7aee0dcfa2b62315bd3dd4eae9865ae1 350 347 2024-06-15T16:45:58Z Westgrass 40 css text/css /*********************************************************************************************************** * improve/fix wiki.gg header/footer ***********************************************************************************************************/ @import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&ctype=text/css); /*********************************************************************************************************** * interface theming vars. ***********************************************************************************************************/ :root { /*** main site logo ***/ --theme-site-logo-width--px: 640; --theme-site-logo-height--px: 219; --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; /*** site background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; /* common interface "box" style */ --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #2b2535; --theme-box-border-radius: 4px; --theme-box-shadow: none; --theme-box-back-background: #16131b; --theme-box-back-backdrop-filter: none; /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(#221e2a,#221e2a); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: #322c3f; --theme-dropdown-backdrop-filter: none; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; } /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } /* copyright footer */ #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 30px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale)); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; --layout-search-box-width: 16em; --layout-content-min-height: 30em; --layout-padding-x: 24px; --layout-padding-y: 16px; } @media screen and (min-width: 1776px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 30px); background: var(--theme-site-background); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** wiki.gg header **/ header#wikigg-header { position: sticky; grid-column: body-left/body-right; grid-row: topbar-start/topbar-end; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: footerbar-start/footerbar-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter, none); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel .menu-toggle { display: none; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --tab-padding-x-icon: var(--tab-padding-y); --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; line-height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; width: var(--layout-search-box-width); min-width: unset; max-width: unset; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); background-clip: padding-box; --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: var(--layout-content-min-height); } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y)); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-self: end; align-items: flex-end; height: min-content; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); padding: 0 var(--layout-box-gap-x); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: var(--layout-search-box-width); max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; margin: 0; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { --height: 36px; box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow)); display: block; height: calc(var(--height) + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: calc((var(--height) - 24px) / 2) 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } .vector-search-box-inner { width: 100vw; max-width: var(--layout-search-box-width); } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; --icon-margin: 0px; --tab-padding-y: 5px; --tab-padding-x: 5px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */ height: calc(var(--icon-size) + var(--icon-margin) * 2); line-height: calc(var(--icon-size) + var(--icon-margin) * 2); box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ padding: var(--tab-padding-y) var(--tab-padding-x); } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span, #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 80vw; max-width: var(--layout-search-box-width); } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } e3a3569476f3082b883fd54613aaa80b257bf35c 353 350 2024-06-15T16:48:51Z Westgrass 40 css text/css /*********************************************************************************************************** * improve/fix wiki.gg header/footer ***********************************************************************************************************/ @import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&ctype=text/css); /*********************************************************************************************************** * interface theming vars. ***********************************************************************************************************/ :root { /*** main site logo ***/ --theme-site-logo-width--px: 640; --theme-site-logo-height--px: 219; --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; /*** site background ***/ --theme-site-background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),#000 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; /* common interface "box" style */ --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #2b2535; --theme-box-border-radius: 4px; --theme-box-shadow: none; --theme-box-back-background: #16131b; --theme-box-back-backdrop-filter: none; /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(#221e2a,#221e2a); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: #322c3f; --theme-dropdown-backdrop-filter: none; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; } /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } /* copyright footer */ #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 30px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale)); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; --layout-search-box-width: 16em; --layout-content-min-height: 30em; --layout-padding-x: 24px; --layout-padding-y: 16px; } @media screen and (min-width: 1776px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 30px); background: var(--theme-site-background); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** wiki.gg header **/ header#wikigg-header { position: sticky; grid-column: body-left/body-right; grid-row: topbar-start/topbar-end; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: footerbar-start/footerbar-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter, none); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel .menu-toggle { display: none; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --tab-padding-x-icon: var(--tab-padding-y); --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; line-height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; width: var(--layout-search-box-width); min-width: unset; max-width: unset; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); background-clip: padding-box; --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: var(--layout-content-min-height); } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y)); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-self: end; align-items: flex-end; height: min-content; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); padding: 0 var(--layout-box-gap-x); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: var(--layout-search-box-width); max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; margin: 0; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { --height: 36px; box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow)); display: block; height: calc(var(--height) + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: calc((var(--height) - 24px) / 2) 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } .vector-search-box-inner { width: 100vw; max-width: var(--layout-search-box-width); } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; --icon-margin: 0px; --tab-padding-y: 5px; --tab-padding-x: 5px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */ height: calc(var(--icon-size) + var(--icon-margin) * 2); line-height: calc(var(--icon-size) + var(--icon-margin) * 2); box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ padding: var(--tab-padding-y) var(--tab-padding-x); } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span, #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 80vw; max-width: var(--layout-search-box-width); } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } 4c90d189c83086b2417b46e5c22af6f0f2cedc3d 354 353 2024-06-15T16:52:40Z Westgrass 40 css text/css /*********************************************************************************************************** * improve/fix wiki.gg header/footer ***********************************************************************************************************/ @import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&ctype=text/css); /*********************************************************************************************************** * interface theming vars. ***********************************************************************************************************/ :root { /*** main site logo ***/ --theme-site-logo-width--px: calc(640*0.8); --theme-site-logo-height--px: calc(219*0.8); --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; /*** site background ***/ --theme-site-background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),#000 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; /* common interface "box" style */ --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #2b2535; --theme-box-border-radius: 4px; --theme-box-shadow: none; --theme-box-back-background: rgba(34, 30, 42, 0.8); --theme-box-back-backdrop-filter: none; /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(34, 30, 42, 0.85),rgba(34, 30, 42, 0.85)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: #322c3f; --theme-dropdown-backdrop-filter: none; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; } /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } /* copyright footer */ #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 30px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale)); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; --layout-search-box-width: 16em; --layout-content-min-height: 30em; --layout-padding-x: 24px; --layout-padding-y: 16px; } @media screen and (min-width: 1776px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 30px); background: var(--theme-site-background); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** wiki.gg header **/ header#wikigg-header { position: sticky; grid-column: body-left/body-right; grid-row: topbar-start/topbar-end; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: footerbar-start/footerbar-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter, none); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel .menu-toggle { display: none; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --tab-padding-x-icon: var(--tab-padding-y); --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; line-height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; width: var(--layout-search-box-width); min-width: unset; max-width: unset; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); background-clip: padding-box; --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: var(--layout-content-min-height); } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y)); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-self: end; align-items: flex-end; height: min-content; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); padding: 0 var(--layout-box-gap-x); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: var(--layout-search-box-width); max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; margin: 0; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { --height: 36px; box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow)); display: block; height: calc(var(--height) + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: calc((var(--height) - 24px) / 2) 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } .vector-search-box-inner { width: 100vw; max-width: var(--layout-search-box-width); } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; --icon-margin: 0px; --tab-padding-y: 5px; --tab-padding-x: 5px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */ height: calc(var(--icon-size) + var(--icon-margin) * 2); line-height: calc(var(--icon-size) + var(--icon-margin) * 2); box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ padding: var(--tab-padding-y) var(--tab-padding-x); } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span, #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 80vw; max-width: var(--layout-search-box-width); } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } 0cc89ab0edff2e0624d310d892bd38c5d65dec85 355 354 2024-06-15T16:53:09Z Westgrass 40 css text/css /*********************************************************************************************************** * improve/fix wiki.gg header/footer ***********************************************************************************************************/ @import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&ctype=text/css); /*********************************************************************************************************** * interface theming vars. ***********************************************************************************************************/ :root { /*** main site logo ***/ --theme-site-logo-width--px: calc(640*0.8); --theme-site-logo-height--px: calc(219*0.8); --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; /*** site background ***/ --theme-site-background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),#000 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; /* common interface "box" style */ --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #2b2535; --theme-box-border-radius: 4px; --theme-box-shadow: none; --theme-box-back-background: rgba(34, 30, 42, 0.7); --theme-box-back-backdrop-filter: none; /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(34, 30, 42, 0.9),rgba(34, 30, 42, 0.9)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: #322c3f; --theme-dropdown-backdrop-filter: none; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; } /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } /* copyright footer */ #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 30px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale)); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; --layout-search-box-width: 16em; --layout-content-min-height: 30em; --layout-padding-x: 24px; --layout-padding-y: 16px; } @media screen and (min-width: 1776px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 30px); background: var(--theme-site-background); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** wiki.gg header **/ header#wikigg-header { position: sticky; grid-column: body-left/body-right; grid-row: topbar-start/topbar-end; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: footerbar-start/footerbar-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter, none); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel .menu-toggle { display: none; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --tab-padding-x-icon: var(--tab-padding-y); --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; line-height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; width: var(--layout-search-box-width); min-width: unset; max-width: unset; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); background-clip: padding-box; --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: var(--layout-content-min-height); } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y)); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-self: end; align-items: flex-end; height: min-content; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); padding: 0 var(--layout-box-gap-x); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: var(--layout-search-box-width); max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; margin: 0; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { --height: 36px; box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow)); display: block; height: calc(var(--height) + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: calc((var(--height) - 24px) / 2) 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } .vector-search-box-inner { width: 100vw; max-width: var(--layout-search-box-width); } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; --icon-margin: 0px; --tab-padding-y: 5px; --tab-padding-x: 5px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */ height: calc(var(--icon-size) + var(--icon-margin) * 2); line-height: calc(var(--icon-size) + var(--icon-margin) * 2); box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ padding: var(--tab-padding-y) var(--tab-padding-x); } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span, #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 80vw; max-width: var(--layout-search-box-width); } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } 2e5015d530b0270a4e194de5c68e9a847a799eb2 8 38 356 355 2024-06-15T16:53:32Z Westgrass 40 css text/css /*********************************************************************************************************** * improve/fix wiki.gg header/footer ***********************************************************************************************************/ @import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&ctype=text/css); /*********************************************************************************************************** * interface theming vars. ***********************************************************************************************************/ :root { /*** main site logo ***/ --theme-site-logo-width--px: calc(640*0.8); --theme-site-logo-height--px: calc(219*0.8); --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; /*** site background ***/ --theme-site-background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),#000 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; /* common interface "box" style */ --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #2b2535; --theme-box-border-radius: 4px; --theme-box-shadow: none; --theme-box-back-background: rgba(22, 19, 27, 0.7); --theme-box-back-backdrop-filter: none; /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(34, 30, 42, 0.9),rgba(34, 30, 42, 0.9)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: #322c3f; --theme-dropdown-backdrop-filter: none; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; } /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } /* copyright footer */ #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 30px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale)); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; --layout-search-box-width: 16em; --layout-content-min-height: 30em; --layout-padding-x: 24px; --layout-padding-y: 16px; } @media screen and (min-width: 1776px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 30px); background: var(--theme-site-background); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** wiki.gg header **/ header#wikigg-header { position: sticky; grid-column: body-left/body-right; grid-row: topbar-start/topbar-end; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: footerbar-start/footerbar-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter, none); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel .menu-toggle { display: none; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --tab-padding-x-icon: var(--tab-padding-y); --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; line-height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; width: var(--layout-search-box-width); min-width: unset; max-width: unset; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); background-clip: padding-box; --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: var(--layout-content-min-height); } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y)); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-self: end; align-items: flex-end; height: min-content; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); padding: 0 var(--layout-box-gap-x); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: var(--layout-search-box-width); max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; margin: 0; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { --height: 36px; box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow)); display: block; height: calc(var(--height) + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: calc((var(--height) - 24px) / 2) 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } .vector-search-box-inner { width: 100vw; max-width: var(--layout-search-box-width); } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; --icon-margin: 0px; --tab-padding-y: 5px; --tab-padding-x: 5px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */ height: calc(var(--icon-size) + var(--icon-margin) * 2); line-height: calc(var(--icon-size) + var(--icon-margin) * 2); box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ padding: var(--tab-padding-y) var(--tab-padding-x); } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span, #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 80vw; max-width: var(--layout-search-box-width); } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } 86a1dc9ed57886bfe39a7b8c4ccc75289b8e6876 357 356 2024-06-15T17:03:05Z Westgrass 40 css text/css /*********************************************************************************************************** * improve/fix wiki.gg header/footer ***********************************************************************************************************/ @import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&ctype=text/css); /*********************************************************************************************************** * interface theming vars. ***********************************************************************************************************/ :root { /*** main site logo ***/ --theme-site-logo-width--px: calc(640*0.8); --theme-site-logo-height--px: calc(219*0.8); --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; /*** site background ***/ --theme-site-background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),#000 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; /* common interface "box" style */ --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #56496a; --theme-box-border-radius: 4px; --theme-box-shadow: none; --theme-box-back-background: rgba(22, 19, 27, 0.7); --theme-box-back-backdrop-filter: none; /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(34, 30, 42, 0.9),rgba(34, 30, 42, 0.9)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: #322c3f; --theme-dropdown-backdrop-filter: none; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; } /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } /* copyright footer */ #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 30px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale)); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; --layout-search-box-width: 16em; --layout-content-min-height: 30em; --layout-padding-x: 24px; --layout-padding-y: 16px; } @media screen and (min-width: 1776px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 30px); background: var(--theme-site-background); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** wiki.gg header **/ header#wikigg-header { position: sticky; grid-column: body-left/body-right; grid-row: topbar-start/topbar-end; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: footerbar-start/footerbar-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter, none); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel .menu-toggle { display: none; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --tab-padding-x-icon: var(--tab-padding-y); --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; line-height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; width: var(--layout-search-box-width); min-width: unset; max-width: unset; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); background-clip: padding-box; --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: var(--layout-content-min-height); } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y)); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-self: end; align-items: flex-end; height: min-content; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); padding: 0 var(--layout-box-gap-x); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: var(--layout-search-box-width); max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; margin: 0; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { --height: 36px; box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow)); display: block; height: calc(var(--height) + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: calc((var(--height) - 24px) / 2) 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } .vector-search-box-inner { width: 100vw; max-width: var(--layout-search-box-width); } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; --icon-margin: 0px; --tab-padding-y: 5px; --tab-padding-x: 5px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */ height: calc(var(--icon-size) + var(--icon-margin) * 2); line-height: calc(var(--icon-size) + var(--icon-margin) * 2); box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ padding: var(--tab-padding-y) var(--tab-padding-x); } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span, #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 80vw; max-width: var(--layout-search-box-width); } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } 5a4b1cae3d2737fc091111e0dfc27aeddeba9ec3 8 35 358 36 2024-06-15T17:04:24Z Westgrass 40 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage * Links ** https://www.ohbabygames.com/| Official website ** https://store.steampowered.com/app/2598980/Oh_Baby_Kart/| Steam page * SEARCH * TOOLBOX * LANGUAGES aabb7a9eee38ce5a31551c2d26fb28c70d7c7506 8 254 359 323 2024-06-15T17:06:28Z Westgrass 40 wikitext text/x-wiki Official {{SITENAME}} c2d59ee45ea02d10b205a5d70873df285c4a3f46 8 253 360 322 2024-06-15T17:06:33Z Westgrass 40 wikitext text/x-wiki $1 - Official {{SITENAME}} 57033220011e307a12da880f313762b28dee374e 8 14 361 351 2024-06-15T17:07:08Z Westgrass 40 css text/css /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** text color ***/ --theme-text-color: #fff; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9C93B3; --theme-text-color-em: #00f600; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #a855f7; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #dd001a; --theme-link-color-focus: var(--theme-link-color); --theme-highlight-background: rgba(168, 85, 247, 0.22); /*** infobox/navbox ***/ --theme-accent-label-color: var(--theme-text-color); --theme-accent-label-link-color: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color--rgb: 72, 63, 90; --theme-border-color: rgb(var(--theme-border-color--rgb)); --theme-border: 1px solid var(--theme-border-color); --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2); --theme-border-color-accent--rgb: 206, 206, 206; --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb)); /* for wide table */ --theme-wide-table-shadow-color: #999; } #content { /* content box */ --theme-background: rgba(255,255,255, 0.06); } #bodyContent { /* main article content box (without top heading) */ } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color, #000); font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 0 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: var(--theme-border); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } #filetoc { border-color: var(--theme-border-color); } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color, var(--theme-text-color)); font-family: var(--theme-heading-font-family, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable, .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--theme-background); --pi-secondary-background: var(--theme-border-color-accent); --pi-secondary-background--rgb: var(--theme-border-color-accent--rgb); --pi-secondary-background-label: var(--theme-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: rgba(var(--pi-secondary-background--rgb), 0.75); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data { background: rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************** * Template:Navbox ***********************************************************/ #content { --wiki-content-border-color: var(--theme-border-color); --wiki-accent-label-color: var(--theme-accent-label-color); --wiki-accent-color: var(--theme-border-color-accent); --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb); --wiki-content-text-color: var(--theme-text-color); --wiki-accent-link-color: var(--theme-accent-label-link-color); } /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " ·"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) " "; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) " "; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: rgba(255, 255, 255, 0.0666666667); } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--theme-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 100%; max-width: 22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align: center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background: rgba(var(--druid-secondary-background-color--rgb), 0.75); color: var(--druid-secondary-background-label-color); text-align: center; font-size: 1.5em; padding: 1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-label { font-weight: bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding: 5px; } .druid-main-image img, .druid-main-images img { max-width: 100%; height: auto; } .druid-main-images-labels { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; margin: 0.25em; gap: 0.25em; } .druid-main-images-label { cursor: pointer; flex: 1 1 auto; text-align: center; transition: 0.1s ease-in; outline: 1px solid var(--druid-link-color); } .druid-main-images-label.focused { background: var(--druid-link-color); color: var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background: rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display: none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display: none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display: none; } .druid-grid { display: grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background: var(--druid-tertiary-background-color); padding: 0.25em; border: 1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item > .druid-label, .druid-grid-item > .druid-data { text-align: center; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display: none !important; } .druid-collapsible { cursor: pointer; position: relative; } .druid-collapsible::after { content: "–"; display: block; position: absolute; right: 10px; font-size: 20px; font-weight: bold; color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content: "+"; } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display: flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display: none; } /*********************** * End DRUID infoboxes * ************************/ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--theme-border-color); border-left: 10px solid var(--theme-border-color-accent); border-radius: 2px; display: flex; align-items: center; gap: 0.6em; margin: 1em 0; padding: 3px 0.6em; background-color: var(--theme-background); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333); } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: 0.04rem 0.5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -0.6em; } .ambox-content p { margin: 0.15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--theme-border-color); border-bottom: 1px solid var(--theme-border-color); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events: none; } .spoiler-content.show > * { pointer-events: unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--theme-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--theme-background); border-radius: 5px; border: 2px solid var(--theme-border-color); margin: 0.5em 0; padding: 0.5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } #mainpage-wrap .content-wrap .l { flex: 4 4 800px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r { flex: 1 1 auto; } } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: rgba(127, 127, 127, 0.15); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .mw-datatable { border-color: var(--theme-border-color); } .mw-datatable tr:hover td { background: var(--theme-highlight-background); } .mw-datatable th { background: var(--theme-table-header-background); } .cargo-pagevalues-tableinfo { background: var(--theme-box-background); } .license { border: 1px solid var(--theme-border-color-accent); padding: 5px; display: flex; gap: 1em; } .wikiEditor-ui-toolbar { color: #000; } /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ #filetoc, code, .mw-changeslist-legend, .mw-search-profile-tabs, #mw-searchoptions, .mw-datatable td { background: none; } /* ref */ ol.references li:target, sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } li.gallerybox div.thumb { background: var(--theme-box-background); } ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .oo-ui-tabSelectWidget-framed, .mw-prefs-buttons { background: none; } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } :root { --pi-background: rgba(255,255,255, 0.1); } div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } div.thumbinner { background: none; } #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } #mw-indicator-mw-helplink a { background: none; position: relative; } #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .mw-plusminus-pos { color: #7cf56e; } .mw-plusminus-neg { color: #ff9a9b; } .autocomment, .autocomment a, .autocomment a:visited { color: var(--theme-text-color-note); } .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } fieldset { border-color: #ccc; } .mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code { color: #ccc; } .mw-highlight .nv { color: #01C2EC; } .horse-userprofile { background-color: transparent; } .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .tabber__indicator { background: #01c2ec; } .tabber__tab { color: #ccc; } .tabber__tab:visited { color: #ccc; } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .tabber__tab:hover { color: #32d8ff; } .tabber__tab:active { color: #05b8e0; } .tabber__header__prev:hover, .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .tabber__header__prev:active, .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .not-patrolled { background-color: rgba(255, 255, 170, 0.15); } .updatedmarker { background-color: rgba(183, 244, 48, 0.4); } .license .icon { filter: invert(1) hue-rotate(180deg); } #editform .wikiEditor-ui, #editform .editOptions { filter: invert(1) hue-rotate(180deg); } .mw-rcfilters-head, .mw-rcfilters-ui-overlay { filter: invert(1) hue-rotate(180deg); } 8af70ffc25a15f55f5a3476d704c2f73c95cfd70 369 361 2024-06-15T17:23:15Z Westgrass 40 css text/css /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** text color ***/ --theme-text-color: #fff; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9C93B3; --theme-text-color-em: #00f600; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #a855f7; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #dd001a; --theme-link-color-focus: var(--theme-link-color); --theme-highlight-background: rgba(168, 85, 247, 0.22); /*** infobox/navbox ***/ --theme-accent-label-color: var(--theme-text-color); --theme-accent-label-link-color: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color--rgb: 72, 63, 90; --theme-border-color: rgb(var(--theme-border-color--rgb)); --theme-border: 1px solid var(--theme-border-color); --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2); --theme-border-color-accent--rgb: 206, 206, 206; --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb)); /* for wide table */ --theme-wide-table-shadow-color: #999; } #content { /* content box */ --theme-background: rgba(255,255,255, 0.06); } #bodyContent { /* main article content box (without top heading) */ } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color, #000); font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 0 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: var(--theme-border); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } #filetoc { border-color: var(--theme-border-color); } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color, var(--theme-text-color)); font-family: var(--theme-heading-font-family, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable, .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--theme-background); --pi-secondary-background: var(--theme-border-color-accent); --pi-secondary-background--rgb: var(--theme-border-color-accent--rgb); --pi-secondary-background-label: var(--theme-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: rgba(var(--pi-secondary-background--rgb), 0.75); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data { background: rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************** * Template:Navbox ***********************************************************/ #content { --wiki-content-border-color: var(--theme-border-color); --wiki-accent-label-color: var(--theme-accent-label-color); --wiki-accent-color: var(--theme-border-color-accent); --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb); --wiki-content-text-color: var(--theme-text-color); --wiki-accent-link-color: var(--theme-accent-label-link-color); } /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " ·"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) " "; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) " "; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: rgba(255, 255, 255, 0.0666666667); } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--theme-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 100%; max-width: 22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align: center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background: rgba(var(--druid-secondary-background-color--rgb), 0.75); color: var(--druid-secondary-background-label-color); text-align: center; font-size: 1.5em; padding: 1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-label { font-weight: bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding: 5px; } .druid-main-image img, .druid-main-images img { max-width: 100%; height: auto; } .druid-main-images-labels { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; margin: 0.25em; gap: 0.25em; } .druid-main-images-label { cursor: pointer; flex: 1 1 auto; text-align: center; transition: 0.1s ease-in; outline: 1px solid var(--druid-link-color); } .druid-main-images-label.focused { background: var(--druid-link-color); color: var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background: rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display: none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display: none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display: none; } .druid-grid { display: grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background: var(--druid-tertiary-background-color); padding: 0.25em; border: 1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item > .druid-label, .druid-grid-item > .druid-data { text-align: center; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display: none !important; } .druid-collapsible { cursor: pointer; position: relative; } .druid-collapsible::after { content: "–"; display: block; position: absolute; right: 10px; font-size: 20px; font-weight: bold; color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content: "+"; } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display: flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display: none; } /*********************** * End DRUID infoboxes * ************************/ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--theme-border-color); border-left: 10px solid var(--theme-border-color-accent); border-radius: 2px; display: flex; align-items: center; gap: 0.6em; margin: 1em 0; padding: 3px 0.6em; background-color: var(--theme-background); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333); } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: 0.04rem 0.5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -0.6em; } .ambox-content p { margin: 0.15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--theme-border-color); border-bottom: 1px solid var(--theme-border-color); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events: none; } .spoiler-content.show > * { pointer-events: unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--theme-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--theme-background); border-radius: 5px; border: 2px solid var(--theme-border-color); margin: 0.5em 0; padding: 0.5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } #mainpage-wrap .content-wrap .l { flex: 4 4 800px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r { flex: 1 1 auto; } } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.gameplay ul, #mainpage-wrap .box.collectibles ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(auto-fit, 10em); list-style: none; justify-items: start; gap: 1em 1.5em; } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: rgba(127, 127, 127, 0.15); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .mw-datatable { border-color: var(--theme-border-color); } .mw-datatable tr:hover td { background: var(--theme-highlight-background); } .mw-datatable th { background: var(--theme-table-header-background); } .cargo-pagevalues-tableinfo { background: var(--theme-box-background); } .license { border: 1px solid var(--theme-border-color-accent); padding: 5px; display: flex; gap: 1em; } .wikiEditor-ui-toolbar { color: #000; } /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ #filetoc, code, .mw-changeslist-legend, .mw-search-profile-tabs, #mw-searchoptions, .mw-datatable td { background: none; } /* ref */ ol.references li:target, sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } li.gallerybox div.thumb { background: var(--theme-box-background); } ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .oo-ui-tabSelectWidget-framed, .mw-prefs-buttons { background: none; } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } :root { --pi-background: rgba(255,255,255, 0.1); } div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } div.thumbinner { background: none; } #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } #mw-indicator-mw-helplink a { background: none; position: relative; } #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .mw-plusminus-pos { color: #7cf56e; } .mw-plusminus-neg { color: #ff9a9b; } .autocomment, .autocomment a, .autocomment a:visited { color: var(--theme-text-color-note); } .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } fieldset { border-color: #ccc; } .mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code { color: #ccc; } .mw-highlight .nv { color: #01C2EC; } .horse-userprofile { background-color: transparent; } .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .tabber__indicator { background: #01c2ec; } .tabber__tab { color: #ccc; } .tabber__tab:visited { color: #ccc; } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .tabber__tab:hover { color: #32d8ff; } .tabber__tab:active { color: #05b8e0; } .tabber__header__prev:hover, .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .tabber__header__prev:active, .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .not-patrolled { background-color: rgba(255, 255, 170, 0.15); } .updatedmarker { background-color: rgba(183, 244, 48, 0.4); } .license .icon { filter: invert(1) hue-rotate(180deg); } #editform .wikiEditor-ui, #editform .editOptions { filter: invert(1) hue-rotate(180deg); } .mw-rcfilters-head, .mw-rcfilters-ui-overlay { filter: invert(1) hue-rotate(180deg); } 764b1e641efa33c3a112bfa655070b3f578f8bc3 0 213 362 327 2024-06-15T17:13:23Z Westgrass 40 wikitext text/x-wiki __NOTITLE__ __NOTOC__ __NOEDITSECTION__ <div id="mainpage-wrap"><div class="content-wrap"><!-- --><div class="l"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the official '''{{SITENAME}}'''</h2><!-- --><p>The official {{SITENAME}} is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --></div><!-- --><div class="box game"><!-- --><h2>About Oh Baby Kart</h2><!-- --><div><!-- -->[[File:Keyart.jpg|360px|link=]]<!-- --><div><!-- --><p>Dive in and experience the thrill of mastering drift boosts, unlocking powerful ultimate abilities, choosing your favorite driver, and customizing your kart for the ultimate race.</p><!-- --></div><!-- --></div><!-- --></div><!-- --><div class="box gameplay"><!-- --><h2>Gameplay</h2><!-- --> * [[File:PlaceholderIcon.png|32px|link=Characters]] [[Characters]] * [[File:PlaceholderIcon.png|32px|link=Weapons]] [[Weapons]] * [[File:PlaceholderIcon.png|32px|link=Maps]] [[Maps]] * [[File:PlaceholderIcon.png|32px|link=Game Modes]] [[Game Modes]] <!-- --></div><!-- --><div class="box collectibles"><!-- --><h2>Collectibles</h2><!-- --> * [[File:PlaceholderIcon.png|32px|link=Lootboxes]] [[Lootboxes]] * [[File:PlaceholderIcon.png|32px|link=Karts]] [[Karts]] * [[File:PlaceholderIcon.png|32px|link=Ornaments]] [[Ornaments]] * [[File:PlaceholderIcon.png|32px|link=Skins]] [[Skins]] * [[File:PlaceholderIcon.png|32px|link=Pets]] [[Pets]] * [[File:PlaceholderIcon.png|32px|link=Recipes]] [[Crafting]] </div> <!-- --></div><!-- --></div><!-- --><div class="r"><!-- --><div class="box gallery"><!-- --><h2>Gallery</h2><!-- --><ul><!-- --><li>[[File:screenshot1.jpg|x180px]]</li><!-- --><li>[[File:screenshot2.jpg|x180px]]</li><!-- --><li>[[File:screenshot3.jpg|x180px]]</li><!-- --><li>[[File:screenshot4.jpg|x180px]]</li><!-- --><!--<li>[[File:screenshot5.jpg|x180px]]</li><!-- --><!--<li>[[File:screenshot6.jpg|x180px]]</li><!-- --></ul><!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --></div><!-- .content-wrap --> <!--<div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[{{SITENAME}}/editcopy|here]]</span></div></div>--> </div><!--#mainpage-wrap--> [[category:{{SITENAME}}| ]] 3513e80d8483016ef2fbe4a11e28e7e9459674a0 370 362 2024-06-15T17:24:27Z Westgrass 40 wikitext text/x-wiki __NOTITLE__ __NOTOC__ __NOEDITSECTION__ <div id="mainpage-wrap"><div class="content-wrap"><!-- --><div class="l"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the official '''{{SITENAME}}'''</h2><!-- --><p>The official {{SITENAME}} is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --></div><!-- --><div class="box game"><!-- --><h2>About Oh Baby Kart</h2><!-- --><div><!-- -->[[File:Keyart.jpg|360px|link=]]<!-- --><div><!-- --><p>Dive in and experience the thrill of mastering drift boosts, unlocking powerful ultimate abilities, choosing your favorite driver, and customizing your kart for the ultimate race.</p><!-- --></div><!-- --></div><!-- --></div><!-- --><div class="box gameplay"><!-- --><h2>Gameplay</h2><!-- --> * [[File:PlaceholderIcon.png|32px|link=Characters]] [[Characters]] * [[File:PlaceholderIcon.png|32px|link=Weapons]] [[Weapons]] * [[File:PlaceholderIcon.png|32px|link=Maps]] [[Maps]] * [[File:PlaceholderIcon.png|32px|link=Game Modes]] [[Game Modes]] <!-- --></div><!-- --><div class="box collectibles"><!-- --><h2>Collectibles</h2><!-- --> * [[File:PlaceholderIcon.png|32px|link=Lootboxes]] [[Lootboxes]] * [[File:PlaceholderIcon.png|32px|link=Karts]] [[Karts]] * [[File:PlaceholderIcon.png|32px|link=Ornaments]] [[Ornaments]] * [[File:PlaceholderIcon.png|32px|link=Skins]] [[Skins]] * [[File:PlaceholderIcon.png|32px|link=Pets]] [[Pets]] * [[File:PlaceholderIcon.png|32px|link=Recipes]] [[Crafting]] <!-- --></div><!-- --></div><!-- --><div class="r"><!-- --><div class="box gallery"><!-- --><h2>Gallery</h2><!-- --><ul><!-- --><li>[[File:screenshot1.jpg|x180px]]</li><!-- --><li>[[File:screenshot2.jpg|x180px]]</li><!-- --><li>[[File:screenshot3.jpg|x180px]]</li><!-- --><li>[[File:screenshot4.jpg|x180px]]</li><!-- --><!--<li>[[File:screenshot5.jpg|x180px]]</li><!-- --><!--<li>[[File:screenshot6.jpg|x180px]]</li><!-- --></ul><!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --></div><!-- .content-wrap --> <!--<div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[{{SITENAME}}/editcopy|here]]</span></div></div>--> </div><!--#mainpage-wrap--> [[category:{{SITENAME}}| ]] 56028c040b3a7ab4a512325e1aef23922c59486d 391 370 2024-06-15T20:27:58Z MorphBot 477760 Add battle pass category wikitext text/x-wiki __NOTITLE__ __NOTOC__ __NOEDITSECTION__ <div id="mainpage-wrap"><div class="content-wrap"><!-- --><div class="l"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the official '''{{SITENAME}}'''</h2><!-- --><p>The official {{SITENAME}} is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --></div><!-- --><div class="box game"><!-- --><h2>About Oh Baby Kart</h2><!-- --><div><!-- -->[[File:Keyart.jpg|360px|link=]]<!-- --><div><!-- --><p>Dive in and experience the thrill of mastering drift boosts, unlocking powerful ultimate abilities, choosing your favorite driver, and customizing your kart for the ultimate race.</p><!-- --></div><!-- --></div><!-- --></div><!-- --><div class="box gameplay"><!-- --><h2>Gameplay</h2><!-- --> * [[File:PlaceholderIcon.png|32px|link=Characters]] [[Characters]] * [[File:PlaceholderIcon.png|32px|link=Weapons]] [[Weapons]] * [[File:PlaceholderIcon.png|32px|link=Maps]] [[Maps]] * [[File:PlaceholderIcon.png|32px|link=Game Modes]] [[Game Modes]] * [[File:PlaceholderIcon.png|32px|link=Game Modes]] [[Battle Pass]] <!-- --></div><!-- --><div class="box collectibles"><!-- --><h2>Collectibles</h2><!-- --> * [[File:PlaceholderIcon.png|32px|link=Lootboxes]] [[Lootboxes]] * [[File:PlaceholderIcon.png|32px|link=Karts]] [[Karts]] * [[File:PlaceholderIcon.png|32px|link=Ornaments]] [[Ornaments]] * [[File:PlaceholderIcon.png|32px|link=Skins]] [[Skins]] * [[File:PlaceholderIcon.png|32px|link=Pets]] [[Pets]] * [[File:PlaceholderIcon.png|32px|link=Recipes]] [[Crafting]] <!-- --></div><!-- --></div><!-- --><div class="r"><!-- --><div class="box gallery"><!-- --><h2>Gallery</h2><!-- --><ul><!-- --><li>[[File:screenshot1.jpg|x180px]]</li><!-- --><li>[[File:screenshot2.jpg|x180px]]</li><!-- --><li>[[File:screenshot3.jpg|x180px]]</li><!-- --><li>[[File:screenshot4.jpg|x180px]]</li><!-- --><!--<li>[[File:screenshot5.jpg|x180px]]</li><!-- --><!--<li>[[File:screenshot6.jpg|x180px]]</li><!-- --></ul><!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --></div><!-- .content-wrap --> <!--<div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[{{SITENAME}}/editcopy|here]]</span></div></div>--> </div><!--#mainpage-wrap--> [[category:{{SITENAME}}| ]] 696c1d5dc1c2312a3aa199068b18011a825f29e0 8 30 363 233 2024-06-15T17:16:24Z Westgrass 40 wikitext text/x-wiki * License|game|This contains content from the game or its official media * License|fairuse|This will be used in a way that qualifies as "fair use" under US law * License|CC0|This file is licensed under the CC0 1.0 License * License|CC-BY-NC-ND|This is licensed under the Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License * License|CC-BY-NC-SA|This is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License * License|CC-BY-NC|This is licensed under the Creative Commons Attribution-NonCommercial 3.0 License * License|CC-BY-ND|This is licensed under the Creative Commons Attribution-NoDerivs 3.0 License * License|CC-BY-SA|This is licensed under the Creative Commons Attribution-ShareAlike 3.0 License * License|CC-BY|This is licensed under the Creative Commons Attribution 3.0 License * License|CC-PD|This is in the public domain * License|CC-SRR|This is licensed under the Creative Commons Some Rights Reserved License * License|nolicense|I don't know the license 048e9ab2b3c87f0a7f6424d369cea89fe620df10 6 259 364 337 2024-06-15T17:20:28Z Westgrass 40 Westgrass uploaded [[File:Keyart.jpg]] wikitext text/x-wiki {{license|game}}[[Category:Images]] fda00382db44458e9e69913e1fc3934a8173c5e7 6 266 365 2024-06-15T17:20:51Z Westgrass 40 [[category:screenshots]] wikitext text/x-wiki == Summary == [[category:screenshots]] == Licensing == {{License|game}} 546468be786644b52b50958c805c575bcc5b03e5 6 267 366 2024-06-15T17:20:58Z Westgrass 40 [[category:screenshots]] wikitext text/x-wiki == Summary == [[category:screenshots]] == Licensing == {{License|game}} 546468be786644b52b50958c805c575bcc5b03e5 6 268 367 2024-06-15T17:21:09Z Westgrass 40 [[category:screenshots]] wikitext text/x-wiki == Summary == [[category:screenshots]] == Licensing == {{License|game}} 546468be786644b52b50958c805c575bcc5b03e5 6 269 368 2024-06-15T17:21:28Z Westgrass 40 [[category:screenshots]] wikitext text/x-wiki == Summary == [[category:screenshots]] == Licensing == {{License|game}} 546468be786644b52b50958c805c575bcc5b03e5 6 270 371 2024-06-15T19:10:39Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} [[Category:Karts]] b098130c63db9cdaf70ce3ca9b04958baa73dc5b 6 271 372 2024-06-15T19:10:40Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} [[Category:Karts]] b098130c63db9cdaf70ce3ca9b04958baa73dc5b 6 272 373 2024-06-15T19:13:47Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 0 273 374 2024-06-15T19:14:58Z MorphBot 477760 Add initial karts page wikitext text/x-wiki Karts are the core vehicle cosmetic, they will define both the model and color type used in-game. == Colors == Karts can come in a varying amount of 'colors' which define the texture and look of the base model, the core variants include: * Default * Silver * Gold * Cosmic * Ghost * Hacker * Celestial * Corrupted == Alternative Colors == Some color variants do not fall into the above categories, and instead offer simpler design recolors such as the blue bi-plane. == Karts List == {| class="wikitable sortable" |- ! Kart !! Name !! Type !! Tradable !! Source |- | [[File:Starterkart_default.png|132px|link=Starter Kart]] || [[Starter Kart]] || Default || No || Starter |- | [[File:Starterkart_green.png|132px|link=Starter Kart]] || [[Starter Kart]] || Green || No || Starter |- | [[File:Starterkart_corrupted.png|132px|link=Starter Kart]] || [[Starter Kart]] || Corrupted || Yes || [[Crafting | Recipe]] |} [[Category:Karts| ]] 17d77e683a34ef58a6fee7811cd88124950fbf9a 377 374 2024-06-15T19:38:51Z MorphBot 477760 Add better link definitions wikitext text/x-wiki Karts are the core vehicle cosmetic, they will define both the model and color type used in-game. == Colors == Karts can come in a varying amount of 'colors' which define the texture and look of the base model, the core variants include: * Default * Silver * Gold * Cosmic * Ghost * Hacker * Celestial * Corrupted == Alternative Colors == Some color variants do not fall into the above categories, and instead offer simpler design recolors such as the blue bi-plane. == Karts List == {| class="wikitable sortable" |- ! Kart !! Name !! Type !! Tradable !! Source !! Limited |- | [[File:Starterkart_default.png|132px|link=Starter Kart]] || [[Starter Kart]] || Default (Orange) || No || Starter || No |- | [[File:Starterkart_green.png|132px|link=Starter Kart]] || [[Starter Kart]] || Default (Green) || No || Starter || No |- | [[File:Starterkart_corrupted.png|132px|link=Starter Kart (Corrupted)]] || [[Starter Kart]] || [[Starter Kart (Corrupted) | Corrupted]] || Yes || [[Crafting | Recipe]] || Yes |} [[Category:Karts| ]] ff03af30e67905640f70a71f28a40c247036e9f7 384 377 2024-06-15T20:07:28Z MorphBot 477760 wikitext text/x-wiki '''Karts''' are the core vehicle cosmetic, they will define both the model and color type used in-game. == Colors == Karts can come in a varying amount of 'colors' which define the texture and look of the base model, the core variants include: * Default * Silver * Gold * Cosmic * Ghost * Hacker * Celestial * Corrupted == Alternative Colors == Some color variants do not fall into the above categories, and instead offer simpler design recolors such as the blue bi-plane. == Karts List == {| class="wikitable sortable" |- ! Kart !! Name !! Type !! Tradable !! Source !! Limited |- | [[File:Starterkart_default.png|132px|link=Starter Kart]] || [[Starter Kart]] || Default (Orange) || No || Starter || No |- | [[File:Starterkart_green.png|132px|link=Starter Kart]] || [[Starter Kart]] || Default (Green) || No || Starter || No |- | [[File:Starterkart_corrupted.png|132px|link=Starter Kart (Corrupted)]] || [[Starter Kart]] || [[Starter Kart (Corrupted) | Corrupted]] || Yes || [[Crafting | Recipe]] || Yes |} [[Category:Karts| ]] 80f184ecee1330c0e7138c87d678c42f13381434 0 240 375 301 2024-06-15T19:15:59Z MorphBot 477760 wikitext text/x-wiki {{Ornament info 1 |image=GoldenSpatula.png |limited=No |source=[[Pre Season Box]] |type= Rear [[Ornaments | Ornament]] |altName=LET THEM COOK! |rarity=Common }} A Golden Spatula. This item is used in multiple [[Crafting | crafting recipes]] [[File:GoldenSpatulaKart.png|frameless|alt=Golden Spatula In Game|Golden Spatula In Game]] [[Category:Ornaments| ]] ca8a0dd1dd4188eb523f3a5fd2f8f30b7c0d573e 399 375 2024-06-15T20:47:29Z MorphBot 477760 wikitext text/x-wiki {{Ornament info 1 |image=GoldenSpatula.png |limited=No |source=[[Pre Season Box]] |type= Rear [[Ornaments | Ornament]] |altName=LET THEM COOK! |rarity=Common |tradeable=Yes }} A Golden Spatula. This item is used in multiple [[Crafting | crafting recipes]] [[File:GoldenSpatulaKart.png|frameless|alt=Golden Spatula In Game|Golden Spatula In Game]] [[Category:Ornaments| ]] 0e69c7e76720f4e305d598e277b6147b60d347b4 10 274 376 2024-06-15T19:22:02Z MorphBot 477760 Infobox created with infobox builder. wikitext text/x-wiki <infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"/> <data source="color"> <label>Color</label> </data> <data source="source"> <label>Source</label> </data> <data source="rarity"> <label>Rarity</label> </data> <data source="limited"> <label>Limited</label> </data> </infobox> 30e606de783dcfbff44028e2043a170e1f360866 10 275 378 2024-06-15T19:44:21Z MorphBot 477760 Add starter kart nav box wikitext text/x-wiki {{Navbox |title=[[Starter Kart]] |state=uncollapsed |list1=[[Starter Kart | Default]] • [[Starter Kart (Corrupted) | Corrupted]] }}<noinclude>[[Category:Navbox templates|{{PAGENAME}}]]</noinclude> d52d7281dc4991b3e3d4ae0d56c00a4c5d5b96c5 380 378 2024-06-15T19:58:48Z MorphBot 477760 Add other pages (not complete yet) wikitext text/x-wiki {{Navbox |title=[[Starter Kart]] |list1=[[Starter Kart | Default]] • [[Starter Kart (Silver) | Silver]] • [[Starter Kart (Gold) | Gold]] • [[Starter Kart (Cosmic) | Cosmic]] • [[Starter Kart (Ghost) | Ghost]] • [[Starter Kart (Fireworks) | Fireworks]] • [[Starter Kart (Heart) | Heart]] • [[Starter Kart (Hacker) | Hacker]] • [[Starter Kart (Celestial) | Celestial]] • [[Starter Kart (Corrupted) | Corrupted]] }}<noinclude>[[Category:Navbox templates|{{PAGENAME}}]]</noinclude> 2eb1d4e3a0e0c35864fc444566f96e1d60c98196 0 276 379 2024-06-15T19:46:41Z MorphBot 477760 Add starter kart default wikitext text/x-wiki {{Kart info 1 |image=starterkart_default.png |limited=No |source=Starter |color=Default (Orange, Green, Yellow, Pink) |rarity=Common }} The default starter kart that all players begin the game with. == Variants == {| class="wikitable sortable" |- ! Kart !! Name !! Type !! Tradable !! Source !! Limited |- | [[File:Starterkart_default.png|132px|link=Starter Kart]] || [[Starter Kart]] || Default (Orange) || No || Starter || No |- | [[File:Starterkart_green.png|132px|link=Starter Kart]] || [[Starter Kart]] || Default (Green) || No || Starter || No |- | [[File:Starterkart_corrupted.png|132px|link=Starter Kart (Corrupted)]] || [[Starter Kart]] || [[Starter Kart (Corrupted) | Corrupted]] || Yes || [[Crafting | Recipe]] || Yes |} {{Starterkart nav}} [[Category:Karts| ]] [[Category:Starter Kart| ]] 63efbba9cb8f856f4b3eea51e26bc1567def3a24 6 277 381 2024-06-15T20:00:57Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 6 278 382 2024-06-15T20:04:13Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 0 279 383 2024-06-15T20:05:57Z MorphBot 477760 Add starter kart (corrupted) page wikitext text/x-wiki {{Kart info 1 |image=Starterkart_corrupted.png |limited=Yes |source=[[Crafting | Recipe]] |color=Corrupted |rarity=Ultra-rare }} The corrupted starter kart was released alongside the Shogun alpha release, it is considered one of the rarest karts due to the limited availability of it's recipe. == Achievement == Upon receiving the starter kart, an achievement announcement would be in made in the Oh Baby Discord: ''''''PlayerName found the ultra rare default corrupted kart!'''''' == Recipe == [[File:Starterkart_corrupted_recipe.png|frameless|alt=Starter Kart (Corrupted) recipe | Starter Kart (Corrupted) recipe]] The corrupted starter kart is created from combining 5 specific items in a [[Crafting | Crafting Recipe]]: * [[Corrupted Demon Mask]] * [[Starter Kart (Ghost)]] * [[Starter Kart (Cosmic)]] * [[Starter Kart (Gold)]] * [[Starter Kart (Silver)]] == Gallery == [[File:Starterkart_corrupted_ingame.png|frameless|alt=Starter Kart (Corrupted) in game | Starter Kart (Corrupted) in game ]] {{Starterkart nav}} [[Category:Karts| ]] [[Category:Starter Kart| ]] [[Category:Corrupted| ]] c2044dcf26e1be59b941ae4b9cf8846ec0232ef2 6 280 385 2024-06-15T20:14:46Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 0 281 386 2024-06-15T20:16:21Z MorphBot 477760 Add pets page wikitext text/x-wiki '''Pets''' are companion cosmetics that float next to you during the race. == Pets List == {| class="wikitable sortable" |- ! Pet !! Name !! Tradable !! Source !! Limited |- | [[File:Pet_moon.png|132px|link=Moony]] || [[Mooney]] || No || [[Battle Pass]] || No |} [[Category:Pets| ]] be047af97d154c25b3e8e1fd991d958e423fdc46 10 282 387 2024-06-15T20:18:32Z MorphBot 477760 Infobox created with infobox builder. wikitext text/x-wiki <infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"/> <data source="altTxt"> <label>Alt Text</label> </data> <data source="source"> <label>Source</label> </data> <data source="rarity"> <label>Rarity</label> </data> <data source="limited"> <label>Limited</label> </data> </infobox> 21c51dd9191665ca5be5a73aaaed32d7d829a77a 6 283 388 2024-06-15T20:21:40Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 10 284 389 2024-06-15T20:25:24Z MorphBot 477760 Add pet nav menu wikitext text/x-wiki {{Navbox |title=[[Pets]] |list1=[[Moony]] }}<noinclude>[[Category:Navbox templates|{{PAGENAME}}]]</noinclude> 97e629945ff85142cb36bc6aabad06d7864c807c 6 286 392 2024-06-15T20:34:48Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 0 287 393 2024-06-15T20:36:17Z MorphBot 477760 Add skins page wikitext text/x-wiki '''Skins''' are the core character cosmetic, they will define the model used in-game. == Skins List == {| class="wikitable sortable" |- ! Skin !! Name !! Character !! Tradable !! Source !! Limited |- | [[File:CL_royal.png|132px|link=Royal CL]] || [[Royal CL]] || [[CL]]|| Yes || Early Access [[Pre Season Box]] || No |- | [[File:CL_Mountain.png|132px|link=Royal CL]] || [[Christmas CL]] || [[CL]]|| Yes || Beta [[Pre Season Box]] || Yes |- | [[File:Bulma_Christmas.png|132px|link=Christmas Bulma]] || [[Christmas Bulma]] || [[Bulma]]|| Yes || Beta [[Pre Season Box]] || Yes |} [[Category:Skins| ]] dbc31dacef9207d62577f8f863568bd75df542ec 400 393 2024-06-15T20:48:14Z MorphBot 477760 wikitext text/x-wiki '''Skins''' are the core character cosmetic, they will define the model used in-game. == Skins List == {| class="wikitable sortable" |- ! Skin !! Name !! Character !! Tradable !! Source !! Limited |- | [[File:CL_royal.png|132px|link=Royal CL]] || [[Royal CL]] || [[CL]]|| Yes || Beta/Early Access [[Pre Season Box]] || No |- | [[File:CL_Mountain.png|132px|link=Royal CL]] || [[Christmas CL]] || [[CL]]|| Yes || Alpha [[Pre Season Box]] || Yes |- | [[File:Bulma_Christmas.png|132px|link=Christmas Bulma]] || [[Christmas Bulma]] || [[Bulma]]|| Yes || Alpha [[Pre Season Box]] || Yes |} [[Category:Skins| ]] 9004590773659f5f450fb2881843f5e0caf7d2dc 10 288 394 2024-06-15T20:39:02Z MorphBot 477760 Add character skins nav box wikitext text/x-wiki {{Navbox |title=[[Skins]] |state=uncollapsed |group1= [[CL]] |list1= [[CL | Default]] • [[Royal CL]] • [[Christmas CL]] |group2=[[Bulma]] |list2=[[Bulma| Default]] • [[Christmas Bulma]] }}<noinclude>[[Category:Navbox templates|{{PAGENAME}}]]</noinclude> d4ba1afdb12f8b5abd20567f6c691529a7f273d7 10 289 395 2024-06-15T20:41:44Z MorphBot 477760 Infobox created with infobox builder. wikitext text/x-wiki <infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"/> <data source="character"> <label>Character</label> </data> <data source="source"> <label>Source</label> </data> <data source="rarity"> <label>Rarity</label> </data> <data source="limited"> <label>Limited</label> </data> </infobox> 36400a1e19c2ee2872192698e41ed5d21997d862 397 395 2024-06-15T20:46:01Z MorphBot 477760 wikitext text/x-wiki <infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"/> <data source="character"> <label>Character</label> </data> <data source="source"> <label>Source</label> </data> <data source="rarity"> <label>Rarity</label> </data> <data source="limited"> <label>Limited</label> </data> <data source="tradeable"> <label>Tradeable</label> </data> </infobox> 17689bff65b9924b31296db1db76b468624c577b 6 290 396 2024-06-15T20:44:39Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 0 291 398 2024-06-15T20:46:40Z MorphBot 477760 Add royal CL skin example wikitext text/x-wiki {{Skins info 1 |image=CL_royal.png |limited=No |source=Beta/Early Access [[Pre Season Box]] |rarity=Epic |tradeable=Yes |character=CL }} '''Royal CL''' is a skin for [[CL]], a rare pull from both the Beta and Early Access [[Pre Season Box]]. [[File:CL_royal_ingame.png|frameless|alt=Royal CL In Game|Royal CL In Game]] {{Skins Nav}} [[Category:Skins| ]] 4ff6ec6e3f862d42d395f2e5435fa1776b909c2a 0 232 401 318 2024-06-15T20:49:19Z MorphBot 477760 wikitext text/x-wiki {{Character info 1 |title=CL |image=CL_icon.png |limited=No |source=Starter |speed=4.5 |drift=4.1 |coinboost=3.6 |handling=4.2 |style=4.1 }} == Info == A cat == Ultimates == {| class="wikitable" |- ! Ultimate !! Name !! Type !! Description !! Charge Bars |- | [[File:CL_ninjadash.png|120px]] || Ninja Dash || Boost || A quick instant dash boost || 6 |- | [[File:CL_ninjasmokebomb.png|120px]] || Ninja Smoke Bomb || Utility || CL disappears and reappears shortly after to dodge items || 6 |- | [[File:CL_grapplinghook.png|120px]] || Grappling Hook || Weapon || Shoots a hook item that gives speed boost if hits || 6 |} == Skins == {| class="wikitable" |- ! Skin !! Name !! Rarity !! Source |- | [[File:CL_default.png|120px]] || Default || Common || Starter |- | [[File:CL_lucky.png|120px]] || Lucky || Rare || Campaign |- | [[File:CL_LNY.png|120px]] || Lunar New Year || Epic || LNY Promotion |- | [[File:CL_royal.png|120px]] || Royal || Epic || Lootbox |- | [[File:CL_Pirate.png|120px]] || Lunar New Year || Epic || Battle Pass |- | [[File:CL_Mountain.png|120px]] || Mountaineer || Legendary || Lootbox |} [[Category:Characters| ]] 232e8186ec7ec5308f5a79aba85784a8b04db864 10 221 402 266 2024-06-15T20:50:13Z MorphBot 477760 wikitext text/x-wiki <infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"/> <data source="mirror"> <label>Mirror</label> </data> <data source="source"> <label>Source</label> </data> <data source="limited"> <label>Limited</label> </data> <data source="speed"> <label>Speed</label> </data> <data source="drift"> <label>Drift Power</label> </data> <data source="coinboost"> <label>Coin Boost</label> </data> <data source="handling"> <label>Handling</label> </data> <data source="style"> <label>Style</label> </data> </infobox> 8999abb117fcd26a3a2d6e27da08daf4e715d9e4 0 220 403 278 2024-06-15T20:54:08Z MorphBot 477760 wikitext text/x-wiki '''Characters''' are the deciding classes in Oh Baby Kart == Base Stats == All characters have varying degrees of base stats, this includes: * Speed - Characters base speed level * Drift Power - Speed added by each successful drift * Coin Boost - Speed added by obtaining max coins * Handling - The sharpness of turns, higher means smaller turn radius * Style - ??? == Hidden Abilities == Characters can additionally have hidden abilities on top of their base stats - this area is to be expanded as more hidden abilities are discovered. == Ultimate == Ultimate abilities are the special abilities each character has access to, the player can select one ultimate per game to use, they often have different charge rates with varying power. == All Characters == {| class="wikitable sortable" |+ Character List |- ! Character !! Name !! Description !! Limited |- | [[File:CL_icon.png|32px|left|link=CL]] || [[CL]] || A fast driving cat with good drift boost || No |- | Example || Example || Example |} [[Category:Characters| ]] ba7c88d83e4c16e48b17386a89d3fabd7d298b41 404 403 2024-06-15T20:54:32Z MorphBot 477760 wikitext text/x-wiki '''Characters''' are the selectable playstyle classes in Oh Baby Kart == Base Stats == All characters have varying degrees of base stats, this includes: * Speed - Characters base speed level * Drift Power - Speed added by each successful drift * Coin Boost - Speed added by obtaining max coins * Handling - The sharpness of turns, higher means smaller turn radius * Style - ??? == Hidden Abilities == Characters can additionally have hidden abilities on top of their base stats - this area is to be expanded as more hidden abilities are discovered. == Ultimate == Ultimate abilities are the special abilities each character has access to, the player can select one ultimate per game to use, they often have different charge rates with varying power. == All Characters == {| class="wikitable sortable" |+ Character List |- ! Character !! Name !! Description !! Limited |- | [[File:CL_icon.png|32px|left|link=CL]] || [[CL]] || A fast driving cat with good drift boost || No |- | Example || Example || Example |} [[Category:Characters| ]] 73c158df3e096c5109daf41e2a0e2d4ddd6b9f71 6 292 405 2024-06-15T20:59:31Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 6 293 406 2024-06-15T21:05:10Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 6 294 407 2024-06-15T21:10:22Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 0 295 408 2024-06-15T21:13:15Z MorphBot 477760 Add weapons page wikitext text/x-wiki '''Weapons''' are the items used in Oh Baby Kart races, they fall into one or more categories: * Boost - More speed * Offense - Stuns other players * Defense - Avoid/Block offensive weapons == Weapon Box == The main method of acquiring a weapon is via a ```Weapon Box``` - these are spread throughout maps and will give one item each depending on current race position. [[File:Weapon box.png|frameless|Weapon Boxes]] == All Weapons == {| class="wikitable sortable" ! Weapon !! Name !! Description |- | [[File:Weapon_GoldenBull.png|64px|left|link=Golden Bull]] || [[Golden Bull]] || Gives unlimited boosts for 5s |- | Example || Example || Example |} == Weapon Ultimate's == Some characters have unique weapon ultimate's that give them and/or their teammate a specific weapon. {| class="wikitable sortable" ! Ultimate !! Name !! Character !! Weapon !! Type |- | [[File:Cobie_ultimate_goldenbull.png|64px|link=Cobie]] || Team Golden Bull || [[Cobie]] || [[Golden Bull]] || Self & Team |} [[Category:Weapons| ]] 0817e3a9102e8e5582b065f08333e58de737d132 409 408 2024-06-15T21:14:31Z MorphBot 477760 wikitext text/x-wiki '''Weapons''' are the items used in Oh Baby Kart races, they fall into one or more categories: * Boost - More speed * Offense - Stuns other players * Defense - Avoid/Block offensive weapons == Weapon Box == The main method of acquiring a weapon is via a ```Weapon Box``` - these are spread throughout maps and will give one item each depending on current race position. [[File:Weapon box.png|frameless|Weapon Boxes]] == All Weapons == {| class="wikitable sortable" ! Weapon !! Name !! Type!! Description |- | [[File:Weapon_GoldenBull.png|64px|left|link=Golden Bull]] || [[Golden Bull]] || Boost || Gives unlimited boosts for 5s |- | Example || Example || Example |} == Weapon Ultimate's == Some characters have unique weapon ultimate's that give them and/or their teammate a specific weapon. {| class="wikitable sortable" ! Ultimate !! Name !! Character !! Weapon !! Type |- | [[File:Cobie_ultimate_goldenbull.png|64px|link=Cobie]] || Team Golden Bull || [[Cobie]] || [[Golden Bull]] || Self & Team |} [[Category:Weapons| ]] 79d68d18c922a6ab90f123c977cf35f957d24abe 410 409 2024-06-15T21:14:43Z MorphBot 477760 wikitext text/x-wiki '''Weapons''' are the items used in Oh Baby Kart races, they fall into one or more categories: * Boost - More speed * Offense - Stuns other players * Defense - Avoid/Block offensive weapons == Weapon Box == The main method of acquiring a weapon is via a ```Weapon Box``` - these are spread throughout maps and will give one item each depending on current race position. [[File:Weapon box.png|frameless|Weapon Boxes]] == All Weapons == {| class="wikitable sortable" ! Weapon !! Name !! Type!! Description |- | [[File:Weapon_GoldenBull.png|64px|left|link=Golden Bull]] || [[Golden Bull]] || Boost || Gives unlimited boosts for 5s |- | Example || Example || Example || Example |} == Weapon Ultimate's == Some characters have unique weapon ultimate's that give them and/or their teammate a specific weapon. {| class="wikitable sortable" ! Ultimate !! Name !! Character !! Weapon !! Type |- | [[File:Cobie_ultimate_goldenbull.png|64px|link=Cobie]] || Team Golden Bull || [[Cobie]] || [[Golden Bull]] || Self & Team |} [[Category:Weapons| ]] 97b05810a8028828dfcf9f68c6bc0ed63dabe300 411 410 2024-06-15T21:17:35Z MorphBot 477760 wikitext text/x-wiki '''Weapons''' are the items used in Oh Baby Kart races, they fall into one or more categories: * Boost - More speed * Offense - Stuns other players * Defense - Avoid/Block offensive weapons == Weapon Box == The main method of acquiring a weapon is via a ```Weapon Box``` - these are spread throughout maps and will give one item each depending on current race position. [[File:Weapon box.png|frameless|Weapon Boxes]] == All Weapons == {| class="wikitable sortable" ! Weapon !! Name !! Type!! Description |- | [[File:Weapon_GoldenBull.png|64px|left|link=Golden Bull]] || Golden Bull || Boost || Gives unlimited boosts for 5s |- | Example || Example || Example || Example |} == Weapon Ultimate's == Some characters have unique weapon ultimate's that give them and/or their teammate a specific weapon. {| class="wikitable sortable" ! Ultimate !! Name !! Character !! Weapon !! Type |- | [[File:Cobie_ultimate_goldenbull.png|64px|link=Cobie]] || Team Golden Bull || [[Cobie]] || Golden Bull || Self & Team |} [[Category:Weapons| ]] 74becd4c9f9e5e9e1f251cd6b82d193922959c22 412 411 2024-06-15T21:17:57Z MorphBot 477760 wikitext text/x-wiki '''Weapons''' are the items used in Oh Baby Kart races, they fall into one or more categories: * Boost - More speed * Offense - Stuns other players * Defense - Avoid/Block offensive weapons == Weapon Box == The main method of acquiring a weapon is via a '''Weapon Box''' - these are spread throughout maps and will give one item each depending on current race position. [[File:Weapon box.png|frameless|Weapon Boxes]] == All Weapons == {| class="wikitable sortable" ! Weapon !! Name !! Type!! Description |- | [[File:Weapon_GoldenBull.png|64px|left|link=Golden Bull]] || Golden Bull || Boost || Gives unlimited boosts for 5s |- | Example || Example || Example || Example |} == Weapon Ultimate's == Some characters have unique weapon ultimate's that give them and/or their teammate a specific weapon. {| class="wikitable sortable" ! Ultimate !! Name !! Character !! Weapon !! Type |- | [[File:Cobie_ultimate_goldenbull.png|64px|link=Cobie]] || Team Golden Bull || [[Cobie]] || Golden Bull || Self & Team |} [[Category:Weapons| ]] a421df2b43987b87425b2e1b98aefff5edafd65f 413 412 2024-06-15T21:23:21Z MorphBot 477760 wikitext text/x-wiki '''Weapons''' are the items used in Oh Baby Kart races, they fall into one or more categories: * Boost - More speed * Offense - Stuns other players * Defense - Avoid/Block offensive weapons == Weapon Box == The main method of acquiring a weapon is via a '''Weapon Box''' - these are spread throughout maps and will give one item each depending on current race position. Once a user takes a box, it will respawn after a set amount of time. [[File:Weapon box.png|frameless|Weapon Boxes]] == All Weapons == {| class="wikitable sortable" ! Weapon !! Name !! Type!! Description |- | [[File:Weapon_GoldenBull.png|64px|left|link=Golden Bull]] || Golden Bull || Boost || Gives unlimited boosts for 5s |- | Example || Example || Example || Example |} == Weapon Ultimate's == Some characters have unique weapon ultimate's that give them and/or their teammate a specific weapon. {| class="wikitable sortable" ! Ultimate !! Name !! Character !! Weapon !! Type |- | [[File:Cobie_ultimate_goldenbull.png|64px|link=Cobie]] || Team Golden Bull || [[Cobie]] || Golden Bull || Self & Team |} [[Category:Weapons| ]] 2af1cce53a3c025dd0adc4b84d9bed4b157634bc 6 296 414 2024-06-15T21:27:56Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 6 297 415 2024-06-15T21:30:22Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 6 298 416 2024-06-15T21:39:44Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 0 299 417 2024-06-15T21:41:00Z MorphBot 477760 Add Maps page wikitext text/x-wiki '''Maps''' are the race tracks in Oh Baby Kart races and can have a varying number of laps. == Laps == One Lap is completed when a character does a full circuit of the map, this is calculated by periodic sequential checkpoints to ensure completion. Maps have varying laps depending on their circuit length, with very small maps having up to seven, and longer maps only requiring 2 laps. == Map Items == === Weapon Box === Maps contain statically placed [[weapons | weapon]] boxes - these are spread throughout maps and will give one item each depending on current race position. Once a user takes a box, it will respawn after a set amount of time. [[File:Weapon box.png|frameless|Weapon Boxes]] === Coins === [[Coins]] are also statically placed throughout maps, these coins will give you a speed boost once you hit your characters max coin amount! [[File:OBB Coin.png|frameless|OBB Coin]] == Locked Maps == Initially, some maps are locked based on character level to not overwhelm users with the more difficult maps. These maps can be unlocked by leveling up the users level through XP gained in almost any game mode. == Maps List == {| class="wikitable sortable" ! Map !! Layout !! Name !! Map Length !! # Laps || Level Req |- | [[File:Map_shibaheaven.png|168px|left|link=Shiba Heaven]] || [[File:Map_shibaheaven_layout.png|124px|link=Shiba Heaven]] || [[Shiba Heaven]] || Short || 3 || 1 |} [[Category:Maps| ]] 45bd526776a03779c5b8504cac7d0737f6e7461f 436 417 2024-06-15T22:34:59Z MorphBot 477760 wikitext text/x-wiki '''Maps''' are the race tracks in Oh Baby Kart races and can have a varying number of laps. == Laps == One Lap is completed when a character does a full circuit of the map, this is calculated by periodic sequential checkpoints to ensure completion. Maps have varying laps depending on their circuit length, with very small maps having up to seven, and longer maps only requiring 2 laps. == Map Items == === Weapon Box === Maps contain statically placed [[weapons | weapon]] boxes - these are spread throughout maps and will give one item each depending on current race position. Once a user takes a box, it will respawn after a set amount of time. [[File:Weapon box.png|frameless|Weapon Boxes]] === Coins === [[Coins]] are also statically placed throughout maps, these coins will give you a speed boost once you hit your characters max coin amount! These also respawn shortly after pickup. [[File:OBB Coin.png|frameless|OBB Coin]] == Locked Maps == Initially, some maps are locked based on character level to not overwhelm users with the more difficult maps. These maps can be unlocked by leveling up the users level through XP gained in almost any game mode. == Maps List == {| class="wikitable sortable" ! Map !! Layout !! Name !! Map Length !! # Laps || Level Req |- | [[File:Map_shibaheaven.png|168px|left|link=Shiba Heaven]] || [[File:Map_shibaheaven_layout.png|124px|link=Shiba Heaven]] || [[Shiba Heaven]] || Short || 3 || 1 |} [[Category:Maps| ]] f64ca0a1101bc81131e993eefe17b2f74f2d76a8 10 300 418 2024-06-15T21:45:04Z MorphBot 477760 Infobox created with infobox builder. wikitext text/x-wiki <infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"/> <data source="laps"> <label>Laps</label> </data> <data source="mapLength"> <label>Length</label> </data> <data source="unlockLvl"> <label>Unlocked</label> </data> </infobox> b5b611403ac6115821e8f5811a627b36f9ccf60b 421 418 2024-06-15T21:56:11Z MorphBot 477760 wikitext text/x-wiki <infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"/> <data source="laps"> <label>Laps</label> </data> <data source="length"> <label>Length</label> </data> <data source="unlockLvl"> <label>Unlocked</label> </data> </infobox> 901fa506114bca2d63ce6651514bcb3df150943f 6 301 419 2024-06-15T21:49:36Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 6 302 420 2024-06-15T21:51:57Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 0 303 422 2024-06-15T21:56:50Z MorphBot 477760 Add shiba heaven page wikitext text/x-wiki {{Map info 1 |image=Map_shibaheaven.png |laps=3 |length=short |unlockLvl=Level 1 }} [[File:Shiba_heaven_ingame.png|600px]] '''Shiba Heaven''' is a short figure 8 map with a jump in the middle. It contains: * Boost Pads * [[Coins]] * [[Weapons | Weapon]] Boxes * Hazards == Hazards == === Lightning === Watch out for the lightning clouds that will zap your speed and coins. [[File:Shibaheaven_lightning.png|420px]] == Layout == [[File:Map_shibaheaven_layout.png]] [[Category:Maps| ]] 87428c6f41a61abcdb98eb62758fb9460d7c93ba 426 422 2024-06-15T22:00:38Z MorphBot 477760 wikitext text/x-wiki {{Map info 1 |image=Map_shibaheaven.png |laps=3 |length=short |unlockLvl=Level 1 }} [[File:Shiba_heaven_ingame.png|600px]] '''Shiba Heaven''' is a short figure 8 [[Maps | map]] with a jump in the middle. It contains: * Boost Pads * [[Coins]] * [[Weapons | Weapon]] Boxes * Hazards == Hazards == === Lightning === Watch out for the lightning clouds that will zap your speed and coins. [[File:Shibaheaven_lightning.png|420px]] == Layout == [[File:Map_shibaheaven_layout.png]] {{Map Nav}} [[Category:Maps| ]] 556aab7a53df64ce2d44b5590240cc7d4e15c279 6 304 423 2024-06-15T21:58:44Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 0 276 424 379 2024-06-15T21:59:10Z MorphBot 477760 wikitext text/x-wiki {{Kart info 1 |image=starterkart_default.png |limited=No |source=Starter |color=Default (Orange, Green, Yellow, Pink) |rarity=Common }} The default starter kart that all players begin the game with. [[File:Starterkart_ingame.png|600px]] == Variants == {| class="wikitable sortable" |- ! Kart !! Name !! Type !! Tradable !! Source !! Limited |- | [[File:Starterkart_default.png|132px|link=Starter Kart]] || [[Starter Kart]] || Default (Orange) || No || Starter || No |- | [[File:Starterkart_green.png|132px|link=Starter Kart]] || [[Starter Kart]] || Default (Green) || No || Starter || No |- | [[File:Starterkart_corrupted.png|132px|link=Starter Kart (Corrupted)]] || [[Starter Kart]] || [[Starter Kart (Corrupted) | Corrupted]] || Yes || [[Crafting | Recipe]] || Yes |} {{Starterkart nav}} [[Category:Karts| ]] [[Category:Starter Kart| ]] 94acbd2bdc1945b6fe3ceab1eb5fbe13481a5e12 10 305 425 2024-06-15T22:00:11Z MorphBot 477760 Add map nav template wikitext text/x-wiki {{Navbox |title=[[Maps]] |list1=[[Shiba Heaven]] • [[Volcano]] }}<noinclude>[[Category:Navbox templates|{{PAGENAME}}]]</noinclude> 4c011287f7309c76f0e2360d0e5daa1049380154 0 213 427 391 2024-06-15T22:01:21Z MorphBot 477760 wikitext text/x-wiki __NOTITLE__ __NOTOC__ __NOEDITSECTION__ <div id="mainpage-wrap"><div class="content-wrap"><!-- --><div class="l"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the official '''{{SITENAME}}'''</h2><!-- --><p>The official {{SITENAME}} is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --></div><!-- --><div class="box game"><!-- --><h2>About Oh Baby Kart</h2><!-- --><div><!-- -->[[File:Keyart.jpg|360px|link=]]<!-- --><div><!-- --><p>Dive in and experience the thrill of mastering drift boosts, unlocking powerful ultimate abilities, choosing your favorite driver, and customizing your kart for the ultimate race.</p><!-- --></div><!-- --></div><!-- --></div><!-- --><div class="box gameplay"><!-- --><h2>Gameplay</h2><!-- --> * [[File:PlaceholderIcon.png|32px|link=Characters]] [[Characters]] * [[File:PlaceholderIcon.png|32px|link=Weapons]] [[Weapons]] * [[File:PlaceholderIcon.png|32px|link=Coins]] [[Coins]] * [[File:PlaceholderIcon.png|32px|link=Maps]] [[Maps]] * [[File:PlaceholderIcon.png|32px|link=Game Modes]] [[Game Modes]] * [[File:PlaceholderIcon.png|32px|link=Game Modes]] [[Battle Pass]] <!-- --></div><!-- --><div class="box collectibles"><!-- --><h2>Collectibles</h2><!-- --> * [[File:PlaceholderIcon.png|32px|link=Lootboxes]] [[Lootboxes]] * [[File:PlaceholderIcon.png|32px|link=Karts]] [[Karts]] * [[File:PlaceholderIcon.png|32px|link=Ornaments]] [[Ornaments]] * [[File:PlaceholderIcon.png|32px|link=Skins]] [[Skins]] * [[File:PlaceholderIcon.png|32px|link=Pets]] [[Pets]] * [[File:PlaceholderIcon.png|32px|link=Recipes]] [[Crafting]] <!-- --></div><!-- --></div><!-- --><div class="r"><!-- --><div class="box gallery"><!-- --><h2>Gallery</h2><!-- --><ul><!-- --><li>[[File:screenshot1.jpg|x180px]]</li><!-- --><li>[[File:screenshot2.jpg|x180px]]</li><!-- --><li>[[File:screenshot3.jpg|x180px]]</li><!-- --><li>[[File:screenshot4.jpg|x180px]]</li><!-- --><!--<li>[[File:screenshot5.jpg|x180px]]</li><!-- --><!--<li>[[File:screenshot6.jpg|x180px]]</li><!-- --></ul><!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --></div><!-- .content-wrap --> <!--<div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[{{SITENAME}}/editcopy|here]]</span></div></div>--> </div><!--#mainpage-wrap--> [[category:{{SITENAME}}| ]] 0093cef8e7191cfca9f1c1048cf2cd2339d66c6e 445 427 2024-06-15T23:20:32Z MorphBot 477760 Add oh baby links wikitext text/x-wiki __NOTITLE__ __NOTOC__ __NOEDITSECTION__ <div id="mainpage-wrap"><div class="content-wrap"><!-- --><div class="l"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the official '''{{SITENAME}}'''</h2><!-- --><p>The official {{SITENAME}} is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --> <ul> <li>[[Image:Twitter.svg|30px|link=https://x.com/OhBabyGames]]<li> <li>[[Image:Discord.svg|30px|link=https://ohbabygames.com/discord-join]]<li> <li>[[Image:Steam.svg|30px|link=https://store.steampowered.com/app/2598980/Oh_Baby_Kart/]]<li> <li>[[Image:Twitch.svg|30px|link=https://www.twitch.tv/ohbabygames]]<li> </ul> <!-- --></div><!-- --></div><!-- --><div class="box game"><!-- --><h2>About Oh Baby Kart</h2><!-- --><div><!-- -->[[File:Keyart.jpg|360px|link=]]<!-- --><div><!-- --><p>Dive in and experience the thrill of mastering drift boosts, unlocking powerful ultimate abilities, choosing your favorite driver, and customizing your kart for the ultimate race.</p><!-- --></div><!-- --></div><!-- --></div><!-- --><div class="box gameplay"><!-- --><h2>Gameplay</h2><!-- --> * [[File:PlaceholderIcon.png|32px|link=Characters]] [[Characters]] * [[File:PlaceholderIcon.png|32px|link=Weapons]] [[Weapons]] * [[File:PlaceholderIcon.png|32px|link=Coins]] [[Coins]] * [[File:PlaceholderIcon.png|32px|link=Maps]] [[Maps]] * [[File:PlaceholderIcon.png|32px|link=Game Modes]] [[Game Modes]] * [[File:PlaceholderIcon.png|32px|link=Game Modes]] [[Battle Pass]] <!-- --></div><!-- --><div class="box collectibles"><!-- --><h2>Collectibles</h2><!-- --> * [[File:PlaceholderIcon.png|32px|link=Lootboxes]] [[Lootboxes]] * [[File:PlaceholderIcon.png|32px|link=Karts]] [[Karts]] * [[File:PlaceholderIcon.png|32px|link=Ornaments]] [[Ornaments]] * [[File:PlaceholderIcon.png|32px|link=Skins]] [[Skins]] * [[File:PlaceholderIcon.png|32px|link=Pets]] [[Pets]] * [[File:PlaceholderIcon.png|32px|link=Recipes]] [[Crafting]] <!-- --></div><!-- --></div><!-- --><div class="r"><!-- --><div class="box gallery"><!-- --><h2>Gallery</h2><!-- --><ul><!-- --><li>[[File:screenshot1.jpg|x180px]]</li><!-- --><li>[[File:screenshot2.jpg|x180px]]</li><!-- --><li>[[File:screenshot3.jpg|x180px]]</li><!-- --><li>[[File:screenshot4.jpg|x180px]]</li><!-- --><!--<li>[[File:screenshot5.jpg|x180px]]</li><!-- --><!--<li>[[File:screenshot6.jpg|x180px]]</li><!-- --></ul><!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --></div><!-- .content-wrap --> <!--<div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[{{SITENAME}}/editcopy|here]]</span></div></div>--> </div><!--#mainpage-wrap--> [[category:{{SITENAME}}| ]] 7538ead007a032d1684991616db2eb921f7f9c8e 447 445 2024-06-15T23:22:13Z MorphBot 477760 Add oh baby games link wikitext text/x-wiki __NOTITLE__ __NOTOC__ __NOEDITSECTION__ <div id="mainpage-wrap"><div class="content-wrap"><!-- --><div class="l"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the official '''{{SITENAME}}'''</h2><!-- --><p>The official {{SITENAME}} is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --> <ul> <li>[[Image:Twitter.svg|30px|link=https://x.com/OhBabyGames]]<li> <li>[[Image:Discord.svg|30px|link=https://ohbabygames.com/discord-join]]<li> <li>[[File:Ohbb_logo.svg|50px|link=https://ohbabygames.com/]]<li> <li>[[Image:Steam.svg|30px|link=https://store.steampowered.com/app/2598980/Oh_Baby_Kart/]]<li> <li>[[Image:Twitch.svg|30px|link=https://www.twitch.tv/ohbabygames]]<li> </ul> <!-- --></div><!-- --></div><!-- --><div class="box game"><!-- --><h2>About Oh Baby Kart</h2><!-- --><div><!-- -->[[File:Keyart.jpg|360px|link=]]<!-- --><div><!-- --><p>Dive in and experience the thrill of mastering drift boosts, unlocking powerful ultimate abilities, choosing your favorite driver, and customizing your kart for the ultimate race.</p><!-- --></div><!-- --></div><!-- --></div><!-- --><div class="box gameplay"><!-- --><h2>Gameplay</h2><!-- --> * [[File:PlaceholderIcon.png|32px|link=Characters]] [[Characters]] * [[File:PlaceholderIcon.png|32px|link=Weapons]] [[Weapons]] * [[File:PlaceholderIcon.png|32px|link=Coins]] [[Coins]] * [[File:PlaceholderIcon.png|32px|link=Maps]] [[Maps]] * [[File:PlaceholderIcon.png|32px|link=Game Modes]] [[Game Modes]] * [[File:PlaceholderIcon.png|32px|link=Game Modes]] [[Battle Pass]] <!-- --></div><!-- --><div class="box collectibles"><!-- --><h2>Collectibles</h2><!-- --> * [[File:PlaceholderIcon.png|32px|link=Lootboxes]] [[Lootboxes]] * [[File:PlaceholderIcon.png|32px|link=Karts]] [[Karts]] * [[File:PlaceholderIcon.png|32px|link=Ornaments]] [[Ornaments]] * [[File:PlaceholderIcon.png|32px|link=Skins]] [[Skins]] * [[File:PlaceholderIcon.png|32px|link=Pets]] [[Pets]] * [[File:PlaceholderIcon.png|32px|link=Recipes]] [[Crafting]] <!-- --></div><!-- --></div><!-- --><div class="r"><!-- --><div class="box gallery"><!-- --><h2>Gallery</h2><!-- --><ul><!-- --><li>[[File:screenshot1.jpg|x180px]]</li><!-- --><li>[[File:screenshot2.jpg|x180px]]</li><!-- --><li>[[File:screenshot3.jpg|x180px]]</li><!-- --><li>[[File:screenshot4.jpg|x180px]]</li><!-- --><!--<li>[[File:screenshot5.jpg|x180px]]</li><!-- --><!--<li>[[File:screenshot6.jpg|x180px]]</li><!-- --></ul><!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --></div><!-- .content-wrap --> <!--<div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[{{SITENAME}}/editcopy|here]]</span></div></div>--> </div><!--#mainpage-wrap--> [[category:{{SITENAME}}| ]] 45df98cea4a4e699ef9fdd00e3c4c54f65ac0c5e 6 306 428 2024-06-15T22:07:18Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 430 428 2024-06-15T22:17:15Z MorphBot 477760 MorphBot uploaded a new version of [[File:Weapon coins.png]] wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 6 307 429 2024-06-15T22:10:02Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 0 308 431 2024-06-15T22:27:00Z MorphBot 477760 Add base coins page wikitext text/x-wiki [[File:OBB Coin.png|frameless|OBB Coin]] '''Coins''' give a max speed increase and a temporary speed boost once you hit a characters max coin limit. == Acquiring Coins == === Collecting === Coins can be picked up from static locations in [[Maps | maps]] or from other players, who will drop them after being stunned. === Coin Weapon === [[File:Weapon_coins.png | 128px]] The coin [[Weapons | weapon]] will give the user 3 coins on activation. === Coin Ultimate's === Some characters have unique coin ultimate's that assist acquiring or giving their teammate coins. {| class="wikitable sortable" ! Ultimate !! Name !! Character !! Description !! Type |- | [[File:Krabs_coin_ultimate.png|64px|link=Krabs]] || Coins! || [[Krabs]] || Gives the player 3 coins on activation || Self |} 2c4b92b99fa0f9d3c495600a3f79e8568835f5d6 433 431 2024-06-15T22:32:13Z MorphBot 477760 wikitext text/x-wiki [[File:OBB Coin.png|frameless|OBB Coin]] '''Coins''' give a max speed increase and a temporary speed boost once you hit a characters max coin limit. == Acquiring Coins == === Collecting === Coins can be picked up from static locations in [[Maps | maps]], they will respawn after a short period of time. === Stealing === Other players will drop a varying number of coins when stunned from [[Weapons]] when this occurs, the stunned player will lose their max coin boost and the coins can be stolen off the ground. === Coin Weapon === [[File:Weapon_coins.png | 128px]] The coin [[Weapons | weapon]] will give the user 3 coins on activation. === Coin Ultimate's === Some characters have unique coin ultimate's that assist acquiring or giving their teammate coins. {| class="wikitable sortable" ! Ultimate !! Name !! Character !! Description !! Type |- | [[File:Krabs_coin_ultimate.png|64px|link=Krabs]] || Coins! || [[Krabs]] || Gives the player 3 coins on activation || Self |} == Max Coins == Most characters will have a max of '''10''' coins but some unique characters have more: {| class="wikitable sortable" ! Character !! Name !! Max Coins |- | [[File:Krabs_icon.png|64px|link=Krabs]] || [[Krabs]] || 15 |} ccaedb19496b8ce00f3af41d199ccefaf81f467e 6 309 432 2024-06-15T22:29:01Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 0 232 434 401 2024-06-15T22:32:50Z MorphBot 477760 wikitext text/x-wiki {{Character info 1 |title=CL |image=CL_icon.png |limited=No |source=Starter |maxCoins=10 |speed=4.5 |drift=4.1 |coinboost=3.6 |handling=4.2 |style=4.1 }} == Info == A cat == Ultimates == {| class="wikitable" |- ! Ultimate !! Name !! Type !! Description !! Charge Bars |- | [[File:CL_ninjadash.png|120px]] || Ninja Dash || Boost || A quick instant dash boost || 6 |- | [[File:CL_ninjasmokebomb.png|120px]] || Ninja Smoke Bomb || Utility || CL disappears and reappears shortly after to dodge items || 6 |- | [[File:CL_grapplinghook.png|120px]] || Grappling Hook || Weapon || Shoots a hook item that gives speed boost if hits || 6 |} == Skins == {| class="wikitable" |- ! Skin !! Name !! Rarity !! Source |- | [[File:CL_default.png|120px]] || Default || Common || Starter |- | [[File:CL_lucky.png|120px]] || Lucky || Rare || Campaign |- | [[File:CL_LNY.png|120px]] || Lunar New Year || Epic || LNY Promotion |- | [[File:CL_royal.png|120px]] || Royal || Epic || Lootbox |- | [[File:CL_Pirate.png|120px]] || Lunar New Year || Epic || Battle Pass |- | [[File:CL_Mountain.png|120px]] || Mountaineer || Legendary || Lootbox |} [[Category:Characters| ]] 0dc34d34256a6bb50dc2f262400b8c20032da6b3 448 434 2024-06-16T00:56:16Z MorphBot 477760 wikitext text/x-wiki {{Character info 1 |title=CL |image=CL_icon.png |limited=No |source=Starter |maxCoins=10 |speed=4.5 |drift=4.1 |coinboost=3.6 |handling=4.2 |style=4.1 }} == Info == A cat == Ultimates == {| class="wikitable" |- ! Ultimate !! Name !! Type !! Description !! Charge Bars |- | [[File:CL_ninjadash.png|120px]] || Ninja Dash || Boost || A quick instant dash boost || 6 |- | [[File:CL_ninjasmokebomb.png|120px]] || Ninja Smoke Bomb || Utility || CL disappears and reappears shortly after to dodge items || 6 |- | [[File:CL_grapplinghook.png|120px]] || Grappling Hook || Weapon || Shoots a hook item that gives speed boost if hits || 6 |} == Skins == {| class="wikitable" |- ! Skin !! Name !! Rarity !! Source |- | [[File:CL_default.png|120px]] || Default || Common || Starter |- | [[File:CL_lucky.png|120px]] || Lucky || Rare || Campaign |- | [[File:CL_LNY.png|120px]] || Lunar New Year || Epic || LNY Promotion |- | [[File:CL_royal.png|120px]] || [[Royal CL | Royal]] || Epic || Lootbox |- | [[File:CL_Pirate.png|120px]] || Lunar New Year || Epic || Battle Pass |- | [[File:CL_Mountain.png|120px]] || Mountaineer || Legendary || Lootbox |} [[Category:Characters| ]] b25e0f7fbb92c008666783081db8efe871891efb 450 448 2024-06-16T00:58:47Z MorphBot 477760 wikitext text/x-wiki {{Character info 1 |title=CL |image=CL_icon.png |limited=No |source=Starter |maxCoins=10 |speed=4.5 |drift=4.1 |coinboost=3.6 |handling=4.2 |style=4.1 }} == Info == A cat == Ultimates == {| class="wikitable" |- ! Ultimate !! Name !! Type !! Description !! Charge Bars |- | [[File:CL_ninjadash.png|120px]] || Ninja Dash || Boost || A quick instant dash boost || 6 |- | [[File:CL_ninjasmokebomb.png|120px]] || Ninja Smoke Bomb || Utility || CL disappears and reappears shortly after to dodge items || 6 |- | [[File:CL_grapplinghook.png|120px]] || Grappling Hook || Weapon || Shoots a hook item that gives speed boost if hits || 6 |} == Skins == {| class="wikitable" |- ! Skin !! Name !! Rarity !! Source |- | [[File:CL_default.png|120px]] || Default || Common || Starter |- | [[File:CL_lucky.png|120px]] || Lucky || Rare || Campaign |- | [[File:CL_LNY.png|120px]] || Lunar New Year || Epic || LNY Promotion |- | [[File:CL_royal.png|120px]] || [[Royal CL | Royal]] || Epic || Lootbox |- | [[File:CL_Pirate.png|120px]] || Lunar New Year || Epic || Battle Pass |- | [[File:CL_Mountain.png|120px]] || Mountaineer || Legendary || Lootbox |} {{Char Nav}} [[Category:Characters| ]] 60fa2adbc30c94e0990b554ac204e3860a1f2c64 456 450 2024-06-16T01:20:55Z MorphBot 477760 wikitext text/x-wiki {{Character info 1 |title=CL |image=CL_icon.png |limited=No |source=Starter |maxCoins=10 |speed=4.5 |drift=4.1 |coinboost=3.6 |handling=4.2 |style=4.1 }} == Info == A cat == Ultimates == {| class="wikitable" |- ! Ultimate !! Name !! Type !! Description !! Charge Bars |- | [[File:CL_ninjadash.png|120px]] || Ninja Dash || Boost || A quick instant dash boost || 6 |- | [[File:CL_ninjasmokebomb.png|120px]] || Ninja Smoke Bomb || Utility || CL disappears and reappears shortly after to dodge items || 6 |- | [[File:CL_grapplinghook.png|120px]] || Grappling Hook || Weapon || Shoots a hook item that gives speed boost if hits || 6 |} == Skins == {| class="wikitable" |- ! Skin !! Name !! Rarity !! Source |- | [[File:CL_default.png|120px]] || Default || Common || Starter |- | [[File:CL_lucky.png|120px]] || Lucky || Rare || Campaign |- | [[File:CL_LNY.png|120px]] || Lunar New Year || Epic || LNY Promotion |- | [[File:CL_royal.png|120px]] || [[Royal CL | Royal]] || Epic || [[Pre Season Box]] |- | [[File:CL_Pirate.png|120px]] || Lunar New Year || Epic || Battle Pass |- | [[File:CL_Mountain.png|120px]] || Mountaineer || Legendary || Lootbox |} {{Char Nav}} [[Category:Characters| ]] 221fa6174bc3a2027957e185972c2224b7fea2e6 10 221 435 402 2024-06-15T22:33:03Z MorphBot 477760 wikitext text/x-wiki <infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"/> <data source="mirror"> <label>Mirror</label> </data> <data source="maxCoins"> <label>Max Coins</label> </data> <data source="source"> <label>Source</label> </data> <data source="limited"> <label>Limited</label> </data> <data source="speed"> <label>Speed</label> </data> <data source="drift"> <label>Drift Power</label> </data> <data source="coinboost"> <label>Coin Boost</label> </data> <data source="handling"> <label>Handling</label> </data> <data source="style"> <label>Style</label> </data> </infobox> 717e17190f4ee8abac7db3f3183b722f6f18698e 6 310 437 2024-06-15T22:45:20Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 0 311 438 2024-06-15T22:46:29Z MorphBot 477760 Add battle pass page wikitext text/x-wiki The '''Battle Pass''' is a set of rewards that can be earned via leveling up, it will occasionally be reset and filled with new rewards. [[File:Battlepass.png|Early Access Battlepass| 600px]] It can be accessed from the 'Player Stats' screen. == Early Access Battle Pass Rewards == The current in-progress battle pass. {| class="wikitable sortable" ! Level !! Item !! Name !! Type |- | 57 || [[File:Pet_moon.png|64px|link=Krabs]] || [[Moony]] || [[Pets | Pet]] |} == Beta Battle Pass == The Beta Battle Pass was available during the Oh Baby Kart Beta, it shared many items with the current Early Access Battle Pass, as well as many that are no longer obtainable. dc3b2479977bbe801dd063e94ffc78d41333ad3b 6 312 439 2024-06-15T22:51:07Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 6 313 440 2024-06-15T22:56:35Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 6 314 441 2024-06-15T23:01:20Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 0 315 442 2024-06-15T23:02:12Z MorphBot 477760 Add initial game modes page wikitext text/x-wiki Oh Baby Kart has a variety of '''Game Modes'''. These enable users to select a variety of competitive race styles for both online and offline play. == Online Modes == [[File:OnlineModes.png|600px]] === Grand Prix === Grand Prix is the 'default' mode, it places users into a group of 4 races, with buffs selected in between. ==== Duo Grand Prix ==== A partner version of Grand Prix, you can join with a friend or have the game find you a random partner. ==== Grand Prix Pro ==== The ultra competitive version of Grand Prix, only unlocked after level 20. === Race Royale Pro === Race Royale is a variant style race, where after each lap the bottom 4 racers will be eliminated. On lap 3, whoever crosses the finish line first wins! === Custom Lobby === Players can set up custom lobbies in a Grand Prix style that anyone can join via a code, they are able to customize: * Teams & Team Sizes * Number of Maps * Map Pool * Bots == Local Split Screen == [[File:LocalSplitscreen.png|600px]] Enables up to 4 players offline on a single setup. == Challenges == [[File:ChallengesMenu.png|600px]] The Campaign mode in Oh Baby Kart with over 100 story-based levels! 626392f338f476f46ce8f5500606e24f6bc1bcf5 444 442 2024-06-15T23:08:01Z MorphBot 477760 wikitext text/x-wiki Oh Baby Kart has a variety of '''Game Modes'''. These enable users to select a variety of competitive race styles for both online and offline play. == Online Modes == [[File:OnlineModes.png|600px]] === Grand Prix === Grand Prix is the 'default' mode, it places users into a group of 4 races, with buffs selected in between. ==== Duo Grand Prix ==== A partner version of Grand Prix, you can join with a friend or have the game find you a random partner. ==== Grand Prix Pro ==== The ultra competitive version of Grand Prix, only unlocked after level 20. === Race Royale Pro === Race Royale is a variant style race, where after each lap the bottom 4 racers will be eliminated. On lap 3, whoever crosses the finish line first wins! === Custom Lobby === Players can set up custom lobbies in a Grand Prix style that anyone can join via a code, they are able to customize: * Teams & Team Sizes * Number of Maps * Map Pool * Bots == Local Split Screen == [[File:LocalSplitscreen.png|600px]] Enables up to 4 players offline on a single setup. == Challenges == [[File:ChallengesMenu.png|600px]] The [[Campaign]] mode in Oh Baby Kart with over 100 story-based levels! == RR Cups == [[File:RR_Cups_Menu.png|600px]] The [[RR Cups]] mode in Oh Baby Kart puts users in a 4-map Race Royale challenge against bots with rewards for completion! == Time Trials == '''Time Trials''' are a solo mode with no other character or items, where you race against the clock to set the best time possible on leaderboards. == Testing Room == The '''Testing Room''' places you in a sandbox map where all [[weapons]] and ultimate's can be found for testing. 2927e7faf5be28e31e852a0251dd8631926ebf0f 6 316 443 2024-06-15T23:03:24Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 6 317 446 2024-06-15T23:21:20Z MorphBot 477760 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 10 318 449 2024-06-16T00:58:22Z MorphBot 477760 Created page with "{{Navbox |title=[[Characters]] |state=uncollapsed |list1=[[CL]] • [[Bulma]] • [[Cobie]] }}<noinclude>[[Category:Navbox templates|{{PAGENAME}}]]</noinclude>" wikitext text/x-wiki {{Navbox |title=[[Characters]] |state=uncollapsed |list1=[[CL]] • [[Bulma]] • [[Cobie]] }}<noinclude>[[Category:Navbox templates|{{PAGENAME}}]]</noinclude> 354d438e09f6fcad0c966914dbf369ae1abce324 8 14 451 369 2024-06-16T01:05:24Z MorphBot 477760 Transparent navbox title background css text/css /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** text color ***/ --theme-text-color: #fff; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9C93B3; --theme-text-color-em: #00f600; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #a855f7; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #dd001a; --theme-link-color-focus: var(--theme-link-color); --theme-highlight-background: rgba(168, 85, 247, 0.22); /*** infobox/navbox ***/ --theme-accent-label-color: var(--theme-text-color); --theme-accent-label-link-color: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color--rgb: 72, 63, 90; --theme-border-color: rgb(var(--theme-border-color--rgb)); --theme-border: 1px solid var(--theme-border-color); --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2); --theme-border-color-accent--rgb: 206, 206, 206; --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb)); /* for wide table */ --theme-wide-table-shadow-color: #999; } #content { /* content box */ --theme-background: rgba(255,255,255, 0.06); } #bodyContent { /* main article content box (without top heading) */ } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color, #000); font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 0 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: var(--theme-border); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } #filetoc { border-color: var(--theme-border-color); } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color, var(--theme-text-color)); font-family: var(--theme-heading-font-family, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable, .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--theme-background); --pi-secondary-background: var(--theme-border-color-accent); --pi-secondary-background--rgb: var(--theme-border-color-accent--rgb); --pi-secondary-background-label: var(--theme-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: rgba(var(--pi-secondary-background--rgb), 0.75); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data { background: rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************** * Template:Navbox ***********************************************************/ #content { --wiki-content-border-color: var(--theme-border-color); --wiki-accent-label-color: var(--theme-accent-label-color); --wiki-accent-color: var(--theme-border-color-accent); --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb); --wiki-content-text-color: var(--theme-text-color); --wiki-accent-link-color: var(--theme-accent-label-link-color); } /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " ·"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) " "; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) " "; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; background-color: transparent; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: rgba(255, 255, 255, 0.0666666667); } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--theme-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 100%; max-width: 22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align: center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background: rgba(var(--druid-secondary-background-color--rgb), 0.75); color: var(--druid-secondary-background-label-color); text-align: center; font-size: 1.5em; padding: 1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-label { font-weight: bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding: 5px; } .druid-main-image img, .druid-main-images img { max-width: 100%; height: auto; } .druid-main-images-labels { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; margin: 0.25em; gap: 0.25em; } .druid-main-images-label { cursor: pointer; flex: 1 1 auto; text-align: center; transition: 0.1s ease-in; outline: 1px solid var(--druid-link-color); } .druid-main-images-label.focused { background: var(--druid-link-color); color: var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background: rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display: none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display: none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display: none; } .druid-grid { display: grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background: var(--druid-tertiary-background-color); padding: 0.25em; border: 1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item > .druid-label, .druid-grid-item > .druid-data { text-align: center; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display: none !important; } .druid-collapsible { cursor: pointer; position: relative; } .druid-collapsible::after { content: "–"; display: block; position: absolute; right: 10px; font-size: 20px; font-weight: bold; color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content: "+"; } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display: flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display: none; } /*********************** * End DRUID infoboxes * ************************/ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--theme-border-color); border-left: 10px solid var(--theme-border-color-accent); border-radius: 2px; display: flex; align-items: center; gap: 0.6em; margin: 1em 0; padding: 3px 0.6em; background-color: var(--theme-background); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333); } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: 0.04rem 0.5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -0.6em; } .ambox-content p { margin: 0.15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--theme-border-color); border-bottom: 1px solid var(--theme-border-color); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events: none; } .spoiler-content.show > * { pointer-events: unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--theme-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--theme-background); border-radius: 5px; border: 2px solid var(--theme-border-color); margin: 0.5em 0; padding: 0.5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } #mainpage-wrap .content-wrap .l { flex: 4 4 800px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r { flex: 1 1 auto; } } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.gameplay ul, #mainpage-wrap .box.collectibles ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(auto-fit, 10em); list-style: none; justify-items: start; gap: 1em 1.5em; } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: rgba(127, 127, 127, 0.15); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .mw-datatable { border-color: var(--theme-border-color); } .mw-datatable tr:hover td { background: var(--theme-highlight-background); } .mw-datatable th { background: var(--theme-table-header-background); } .cargo-pagevalues-tableinfo { background: var(--theme-box-background); } .license { border: 1px solid var(--theme-border-color-accent); padding: 5px; display: flex; gap: 1em; } .wikiEditor-ui-toolbar { color: #000; } /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ #filetoc, code, .mw-changeslist-legend, .mw-search-profile-tabs, #mw-searchoptions, .mw-datatable td { background: none; } /* ref */ ol.references li:target, sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } li.gallerybox div.thumb { background: var(--theme-box-background); } ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .oo-ui-tabSelectWidget-framed, .mw-prefs-buttons { background: none; } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } :root { --pi-background: rgba(255,255,255, 0.1); } div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } div.thumbinner { background: none; } #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } #mw-indicator-mw-helplink a { background: none; position: relative; } #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .mw-plusminus-pos { color: #7cf56e; } .mw-plusminus-neg { color: #ff9a9b; } .autocomment, .autocomment a, .autocomment a:visited { color: var(--theme-text-color-note); } .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } fieldset { border-color: #ccc; } .mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code { color: #ccc; } .mw-highlight .nv { color: #01C2EC; } .horse-userprofile { background-color: transparent; } .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .tabber__indicator { background: #01c2ec; } .tabber__tab { color: #ccc; } .tabber__tab:visited { color: #ccc; } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .tabber__tab:hover { color: #32d8ff; } .tabber__tab:active { color: #05b8e0; } .tabber__header__prev:hover, .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .tabber__header__prev:active, .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .not-patrolled { background-color: rgba(255, 255, 170, 0.15); } .updatedmarker { background-color: rgba(183, 244, 48, 0.4); } .license .icon { filter: invert(1) hue-rotate(180deg); } #editform .wikiEditor-ui, #editform .editOptions { filter: invert(1) hue-rotate(180deg); } .mw-rcfilters-head, .mw-rcfilters-ui-overlay { filter: invert(1) hue-rotate(180deg); } 6c3a8c19ce5a9ceefb24ef66de5d0b865bc28ad5 452 451 2024-06-16T01:07:08Z MorphBot 477760 transparent navbox title background css text/css /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** text color ***/ --theme-text-color: #fff; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9C93B3; --theme-text-color-em: #00f600; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #a855f7; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #dd001a; --theme-link-color-focus: var(--theme-link-color); --theme-highlight-background: rgba(168, 85, 247, 0.22); /*** infobox/navbox ***/ --theme-accent-label-color: var(--theme-text-color); --theme-accent-label-link-color: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color--rgb: 72, 63, 90; --theme-border-color: rgb(var(--theme-border-color--rgb)); --theme-border: 1px solid var(--theme-border-color); --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2); --theme-border-color-accent--rgb: 206, 206, 206; --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb)); /* for wide table */ --theme-wide-table-shadow-color: #999; } #content { /* content box */ --theme-background: rgba(255,255,255, 0.06); } #bodyContent { /* main article content box (without top heading) */ } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color, #000); font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 0 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: var(--theme-border); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } #filetoc { border-color: var(--theme-border-color); } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color, var(--theme-text-color)); font-family: var(--theme-heading-font-family, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable, .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--theme-background); --pi-secondary-background: var(--theme-border-color-accent); --pi-secondary-background--rgb: var(--theme-border-color-accent--rgb); --pi-secondary-background-label: var(--theme-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: rgba(var(--pi-secondary-background--rgb), 0.75); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data { background: rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************** * Template:Navbox ***********************************************************/ #content { --wiki-content-border-color: var(--theme-border-color); --wiki-accent-label-color: var(--theme-accent-label-color); --wiki-accent-color: var(--theme-border-color-accent); --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb); --wiki-content-text-color: var(--theme-text-color); --wiki-accent-link-color: var(--theme-accent-label-link-color); } /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " ·"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) " "; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) " "; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: transparent; } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; background-color: transparent; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: rgba(255, 255, 255, 0.0666666667); } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--theme-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 100%; max-width: 22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align: center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background: rgba(var(--druid-secondary-background-color--rgb), 0.75); color: var(--druid-secondary-background-label-color); text-align: center; font-size: 1.5em; padding: 1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-label { font-weight: bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding: 5px; } .druid-main-image img, .druid-main-images img { max-width: 100%; height: auto; } .druid-main-images-labels { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; margin: 0.25em; gap: 0.25em; } .druid-main-images-label { cursor: pointer; flex: 1 1 auto; text-align: center; transition: 0.1s ease-in; outline: 1px solid var(--druid-link-color); } .druid-main-images-label.focused { background: var(--druid-link-color); color: var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background: rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display: none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display: none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display: none; } .druid-grid { display: grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background: var(--druid-tertiary-background-color); padding: 0.25em; border: 1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item > .druid-label, .druid-grid-item > .druid-data { text-align: center; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display: none !important; } .druid-collapsible { cursor: pointer; position: relative; } .druid-collapsible::after { content: "–"; display: block; position: absolute; right: 10px; font-size: 20px; font-weight: bold; color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content: "+"; } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display: flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display: none; } /*********************** * End DRUID infoboxes * ************************/ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--theme-border-color); border-left: 10px solid var(--theme-border-color-accent); border-radius: 2px; display: flex; align-items: center; gap: 0.6em; margin: 1em 0; padding: 3px 0.6em; background-color: var(--theme-background); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333); } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: 0.04rem 0.5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -0.6em; } .ambox-content p { margin: 0.15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--theme-border-color); border-bottom: 1px solid var(--theme-border-color); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events: none; } .spoiler-content.show > * { pointer-events: unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--theme-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--theme-background); border-radius: 5px; border: 2px solid var(--theme-border-color); margin: 0.5em 0; padding: 0.5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } #mainpage-wrap .content-wrap .l { flex: 4 4 800px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r { flex: 1 1 auto; } } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.gameplay ul, #mainpage-wrap .box.collectibles ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(auto-fit, 10em); list-style: none; justify-items: start; gap: 1em 1.5em; } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: rgba(127, 127, 127, 0.15); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .mw-datatable { border-color: var(--theme-border-color); } .mw-datatable tr:hover td { background: var(--theme-highlight-background); } .mw-datatable th { background: var(--theme-table-header-background); } .cargo-pagevalues-tableinfo { background: var(--theme-box-background); } .license { border: 1px solid var(--theme-border-color-accent); padding: 5px; display: flex; gap: 1em; } .wikiEditor-ui-toolbar { color: #000; } /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ #filetoc, code, .mw-changeslist-legend, .mw-search-profile-tabs, #mw-searchoptions, .mw-datatable td { background: none; } /* ref */ ol.references li:target, sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } li.gallerybox div.thumb { background: var(--theme-box-background); } ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .oo-ui-tabSelectWidget-framed, .mw-prefs-buttons { background: none; } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } :root { --pi-background: rgba(255,255,255, 0.1); } div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } div.thumbinner { background: none; } #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } #mw-indicator-mw-helplink a { background: none; position: relative; } #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .mw-plusminus-pos { color: #7cf56e; } .mw-plusminus-neg { color: #ff9a9b; } .autocomment, .autocomment a, .autocomment a:visited { color: var(--theme-text-color-note); } .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } fieldset { border-color: #ccc; } .mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code { color: #ccc; } .mw-highlight .nv { color: #01C2EC; } .horse-userprofile { background-color: transparent; } .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .tabber__indicator { background: #01c2ec; } .tabber__tab { color: #ccc; } .tabber__tab:visited { color: #ccc; } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .tabber__tab:hover { color: #32d8ff; } .tabber__tab:active { color: #05b8e0; } .tabber__header__prev:hover, .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .tabber__header__prev:active, .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .not-patrolled { background-color: rgba(255, 255, 170, 0.15); } .updatedmarker { background-color: rgba(183, 244, 48, 0.4); } .license .icon { filter: invert(1) hue-rotate(180deg); } #editform .wikiEditor-ui, #editform .editOptions { filter: invert(1) hue-rotate(180deg); } .mw-rcfilters-head, .mw-rcfilters-ui-overlay { filter: invert(1) hue-rotate(180deg); } e563b3d8a9ee577f2e2c53077f274dc7696c8f06 0 319 453 2024-06-16T01:12:16Z MorphBot 477760 Rename mooney wikitext text/x-wiki {{Pet info 1 |image=Pet_moon.png |limited=No |source=[[Battle Pass]] |altTxt=LIGHTING THE WAY! |rarity=Common }} A pet moon. This item was obtainable in both the Beta & Early Access (level 57) [[Battle Pass]] [[File:Pet_moon_ingame.png|frameless|alt=Pet Moony In Game |Pet Moony In Game]] {{Pet Nav}} [[Category:Pets| ]] d5b7702a8ae62d6fe16e5fcc983781e74fb584e9 0 281 454 386 2024-06-16T01:13:11Z MorphBot 477760 wikitext text/x-wiki '''Pets''' are companion cosmetics that float next to you during the race. == Pets List == {| class="wikitable sortable" |- ! Pet !! Name !! Tradable !! Source !! Limited |- | [[File:Pet_moon.png|132px|link=Moony]] || [[Moony]] || No || [[Battle Pass]] || No |} [[Category:Pets| ]] 09fc668f18ba2f8ec483322453ac36af69c93ce3 0 220 455 404 2024-06-16T01:18:47Z MorphBot 477760 wikitext text/x-wiki '''Characters''' are the selectable playstyle classes in Oh Baby Kart == Base Stats == All characters have varying degrees of base stats, this includes: * Speed - Characters base speed level * Drift Power - Speed added by each successful drift * Coin Boost - Speed added by obtaining max coins * Handling - The sharpness of turns, higher means smaller turn radius * Style - The rizz == Hidden Abilities == Characters can additionally have hidden abilities on top of their base stats - this area is to be expanded as more hidden abilities are discovered. == Ultimate == Ultimate abilities are the special abilities each character has access to, the player can select one ultimate per game to use, they often have different charge rates with varying power. == All Characters == {| class="wikitable sortable" |+ Character List |- ! Character !! Name !! Description !! Speed !! Drift Power !! Coin Boost !! Handling |- | [[File:CL_icon.png|32px|left|link=CL]] || [[CL]] || A fast driving cat with good drift boost || 4.5 || 4.1 || 3.6 || 4.2 |- | Example || Example || Example |} [[Category:Characters| ]] 5e3e2e54197c412d61a749bb45f810cca4f472ba 0 237 457 319 2024-06-16T01:21:22Z MorphBot 477760 wikitext text/x-wiki {{lootbox info 1 |image=lootbox-preseason.png |limited=No |source=Battle Pass (Closed Beta), Battle Pass (Open Beta), Weekly Quest (300BP) |tradeable=Yes }} The Pre Season box is one of the most commonly available boxes, it was distributed via: * Battle Pass (Closed Beta) * Battle Pass (Open Beta) * Weekly Quest (300BP) {| class="wikitable sortable" |+ Pre Season Box Loot |- ! Item !! Name !! Type !! Still Available |- | [[File:GoldenSpatula.png|132px|link=Golden Spatula]] || [[Golden Spatula]] || [[Ornaments]] || Yes |} [[Category:Ornaments| ]] 7dd08845f1a794fbf7481cc89be458e886c9ea62 458 457 2024-06-16T01:21:50Z MorphBot 477760 wikitext text/x-wiki {{lootbox info 1 |image=lootbox-preseason.png |limited=No |source=Battle Pass (Closed Beta), Battle Pass (Open Beta), Weekly Quest (300BP) |tradeable=Yes }} The Pre Season box is one of the most commonly available boxes, it was distributed via: * Battle Pass (Closed Beta) * Battle Pass (Open Beta) * Weekly Quest (300BP) {| class="wikitable sortable" |+ Pre Season Box Loot |- ! Item !! Name !! Type !! Still Available |- | [[File:GoldenSpatula.png|132px|link=Golden Spatula]] || [[Golden Spatula]] || Rear [[Ornaments | Ornament]] || Yes |} [[Category:Ornaments| ]] c6df6aebb6fee70d9d0445e0800054a5b9bcf796